angular - 自动滚动 onkeydown 即使没有必要

Question

正如您在下面的 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"，这就不再是问题了。但是，我想使用自动调整大小功能，所以我希望有办法解决这个问题。谢谢。

Answer 1

看来我修好了。 textarea 和它所属的 component 位于 main 元素内。我必须向那个 main 元素添加一个特定大小的 margin-bottom(必须是 70px 或更大。如果它更小，问题仍然存在)。我不知道为什么会修复它。