Как сделать так, чтобы диалог Angular Material сохранял свою абсолютную позицию

Question

Я использую диалог материалов в моем проекте для отображения списка опций. Диалог материала блокирует полосу прокрутки страницы по умолчанию. Когда у меня есть много вариантов отображения, некоторые элементы могут выпасть из экрана, и для их просмотра необходимо прокрутить вниз, поэтому мне пришлось сделать полосу прокрутки доступной, используя scrollStrategy.

Однако, если пользователь нажимает на кнопку параметров, тогда прокручиваемый вниз или вверх диалог всегда будет на экране и не перемещается в направлении прокрутки, чтобы сохранить свою абсолютную позицию (под кнопкой запуска), поэтому мой вопрос, как можно Я изменил это?

Я создал небольшой угловой проект, чтобы продемонстрировать мою проблему; https://stackblitz.com/edit/angular-rpatij

Answer 1

Это проблема, которую вы имеете в виду, потому что вы не используете положение диалога по умолчанию (по центру), а вместо этого располагаете его примерно в позиции кнопки, диалоговое окно обрезается?

На самом деле, на мой взгляд, лучшим решением было бы просто использовать стандартное позиционирование диалогового окна материала, где диалог отображается по центру.