Angular Материал: отображать sidenav поверх диалога - PullRequest
1 голос
/ 30 марта 2020

Я ищу решение для отображения MatSidenav поверх MatDialog. Мой проект, сначала мобильный, состоит из двух sidenavs, левого и правого, что составляет содержание sh.

Внизу есть фиксированный нижний колонтитул, который может открывать левую или правую сторону.

В основном контенте мне нужно использовать MatDialog.

Моя цель - иметь возможность открыть MatDialog и открыть левый sidenav, потому что я хочу проверить кое-что о например, моя учетная запись, а затем закройте ее, чтобы вернуться к диалоговому окну, все еще открытому.

Прямо сейчас диалоговое окно всегда отображается поверх содержимого.

Вот это Stackblitz , чтобы четко объяснить мою проблему:

Чтобы воспроизвести случай:

  • Нажмите на кнопку «Pick one»
  • Откроется диалоговое окно
  • В нижнем колонтитуле нажмите «Открыть левое меню»
  • Левый sidenav толкает основной контент, но отображается под диалоговым окном

Все работает, как я хочу, кроме Z положение MatDialog и его наложения, и лучше всего было бы "pu sh" сделать это так же, как это делается с основным контентом.

Идеально было бы найти способ "прикрепить" диалог и его наложение к основное содержание. Я нашел способ сделать это с Angular 4.4, но с более новыми версиями, такими как Angular 8, это, похоже, не работает.

...