问材料UI抽屉永久变体不工作。搬出原处

EN

我创造了一个材料界面屏幕。其中有这样的结构

<div>
<Router>
  <Appbar>
  </Appbar>

  <Drawer>
  </Drawer>

  <main>
  </main>
</Router>
</div>

我在抽屉里用了variant=的“永久”。

问题:主标签中的内容是一个有很多列的大表。我在抽屉课之外用过它。但是，当在桌子容器的左边水平滚动时，抽屉也随之向左滚动。我用的是永久变体，然后它也会向左转。

对这件事有什么想法。我认为抽屉和主标签是连在一起的，所以滚动离开桌子，把它们都卷起来。

附件的位置是固定的。试图使导航抽屉也被修复；这是模型的样子。

Update:将代码移动到Codepen https://1hi76.csb.app/