Как удалить неизвестное свойство, созданное при открытии модального коврика

Question

У меня проблема с удалением неизвестного деления, созданного при открытии выбора циновки.

Когда я открываю модальное и после выбора значений, мне нужно нажать непосредственно на кнопку, указанную на стороне, но потому что какого-то свойства модального div создается, и мне нужно сделать два нажатия на кнопку, чтобы применить изменения.

Прямо сейчас, когда я нажимаю вне mat-select модально, чтобы закрыть его, затем нажав на кнопку, оно идет правильно. Но мне нужно открыть модальный -> выбрать параметры -> прямой щелчок по данной кнопке.

Что-то на заднем плане блокирует первый щелчок при открытии модального mat-select . Я не могу видеть, что это такое. Есть ли свойство css, которое может быть заблокировано? У меня нет точной скрытой проблемы.

Answer 1

Модалы в Angular Материал по умолчанию создает то, что называется фоном. Этот фон похож на слой прямо за вашей модой, заполняя всю страницу. Если вы щелкнете где-нибудь на странице, ваша цель будет фоном, который затем закроет модал.

Так что для достижения того, чего вы хотите достичь, у вас есть следующие варианты:

• отредактируйте поведение фона, чтобы не препятствовать действию щелчка по умолчанию, чтобы щелчки на фоне закрывали модальный режим, а также вызывали требуемое действие

• удаление фона при открытии модального режима (это можно сделать, установив флаг hasBackdrop в параметрах конфигурации методов open) и программно закройте модальный режим, вызвав метод close в MatDialogRef

Answer 2

Это стандартное модальное поведение, вы должны включить все необходимые параметры либо перед открытием модала, либо в самом модале после открытия.