Angular Material：垫抽屉重叠垫工具栏

Question

我正在尝试构建一个包含 mattoolbar 和 fd 的抽屉，它将与我的应用程序的主工具栏重叠。

由于某种原因，我无法在组件树中移动上方的抽屉。我正在寻找一个仅使用 css 的解决方案。

我实际上不明白为什么我的抽屉的工具栏没有显示在主工具栏的顶部。

这是一个显示问题的 stackblitz： https://stackblitz.com/edit/drawer-overlapping-toolbar?file=app%2Fapp.css

任何帮助将不胜感激:)

Answer 1

解决办法是用sidenav代替drawer。

sidenav 接受一个允许它的fixedInViewport 参数。

我用工作版本更改了 stackblitz。