Angular+ Material: matdrawer 重叠 mattoolbar

Question

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

出于某种原因，我无法将组件树中的抽屉移动到上方。我正在寻找 css 唯一的解决方案。

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

这是显示问题的堆栈闪电战： https://stackblitz.com/edit/drawer-overlapping-toolbar?file=app%2Fapp.css

任何帮助将不胜感激:)

Answer 1

解决方案是使用 sidenav 而不是 drawer。

sidenav 接受允许它的 fixedInViewport 参数。

我用工作版本更改了 stackblitz。