即使不需要也自动滚动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>

如果我从cdkTextareaAutosize中删除了cdkAutosizeMaxRows="10"和textarea，这将不再是问题。但是，我想使用自动调整大小功能，因此我希望有一种解决方法。谢谢。

Answer 1

似乎我已修复它。它所属的textarea和component在main元素内。我必须向该margin-bottom元素添加一定大小的main（必须为70px或更大。如果较小，则问题仍然存在）。我不知道为什么要修复它。