1

我有一个应用程序，用于MatDialogRef将组件作为对话框打开。

对话框显示一个长文本，但由于某种原因，文本区域滚动到底部。如果它不是动态创建的组件，则不会发生这种情况。

这是一个例子：https ://stackblitz.com/edit/matdialogref-textarea-scroll-issue

我希望有人能解释发生了什么以及如何解决它，所以textarea 留在滚动的顶部。

提前致谢！

4

1 回答 1

1

来自@angular/material对话框文档：

对话框打开后，对话框将自动聚焦第一个可选项卡元素。

tabindex您可以使用属性控制哪些元素是制表位

只需tabindex=0在模态 div 上添加一个：

<div class="dialog" tabindex="0">
    <textarea class="texta" [(ngModel)]="data"></textarea>
</div>

这是您的参考的工作演示。

这是您的参考的另一个线程： angular 6 mat-dialog 自动向下滚动到底部

于 2019-12-16T12:15:38.173 回答