У меня есть приложение, в котором я использую MatDialogRef, чтобы открыть компонент в виде диалога.
В диалоговом окне отображается длинный текст, но по какой-то причине текстовое поле прокручивается вниз. Этого не происходит, если это не динамически создаваемый компонент.
Вот пример: https://stackblitz.com/edit/matdialogref-textarea-scroll-issue
Надеюсь, кто-нибудь объяснит, что происходит и как это исправить, чтобы textarea оставалось вверху прокрутки.
Заранее спасибо!
Из диалоговых документов @angular/material:
Как только диалоговое окно откроется, диалоговое окно автоматически сфокусируется на первом элементе с вкладками.
Вы можете контролировать, какие элементы являются позициями табуляции с помощью атрибута
tabindex
Просто добавьте tabindex=0 в модальный div:
<div class="dialog" tabindex="0">
<textarea class="texta" [(ngModel)]="data"></textarea>
</div>
Вот Рабочая демонстрация для вашего исх.
Вот еще одна тема для вашей ссылки: angular 6 mat-dialog прокрутите вниз вниз автоматически
