正如您在下面的 gif 中看到的,我有一个 textarea
,下面有一个提示,显示当前输入的字符数和字符限制。当页面上的内容变得太高以至于需要滚动时,我遇到了自动滚动到文本区域的问题。
我希望下面的提示在用户输入时可见。但是,正如您在 gif 中看到的那样,如果我向下滚动以使其可见,我一开始输入它就会自动向上滚动。即使整个 textarea
可见,也会发生这种情况。如果在我开始输入时 textarea
不再可见,那么这种行为就有意义了,但在这种情况下则不然。
这是 HTML:
<mat-form-field class="mat-text-area" *ngIf="isWritingQuestion" appearance="outline">
<mat-label>Spørgsmål</mat-label>
<textarea matInput cdkTextareaAutosize cdkAutosizeMaxRows="10" #textArea></textarea>
<mat-hint align="end"><span [style.color]="textArea.value.length > 300 ? 'red' : 'unset'">{{textArea.value.length}}</span> / 300</mat-hint>
</mat-form-field>
如果我从 textarea
中删除 cdkTextareaAutosize
和 cdkAutosizeMaxRows="10"
,这就不再是问题了。但是,我想使用自动调整大小功能,所以我希望有办法解决这个问题。谢谢。
最佳答案
看来我修好了。 textarea
和它所属的 component
位于 main
元素内。我必须向那个 main
元素添加一个特定大小的 margin-bottom
(必须是 70px
或更大。如果它更小,问题仍然存在)。我不知道为什么会修复它。
https://stackoverflow.com/questions/56992544/
相关文章:
python - 为什么 GridSearchCV 方法的精度低于标准方法?
django - 如何解决“"django.core.exceptions.AppRegistryN
amazon-web-services - 为什么 Amazon Athena 会抛出 "Acces
assembly - 如何在 GDB 控制台中设置 "info registers"中的变量 rip
wordpress - 如何优化WP_Query(包括CPT和ACF)
angular - Ionic 4 - 在平台硬件后退按钮 android 上关闭或关闭模态
laravel - 安装后如何使用 npm 包 (chart.js)?
java - 在非 View 或非 ViewModel 类中观察 LiveData