Material-UI-如何在SwipeableDrawer上禁用滑动以关闭

Question

我在SwipeableDrawer顶部打开了一个Dialog组件（将其隐藏），每当我在Dialog上水平滚动时，它也会触发其下的SwipeableDrawer，从而使Drawer关闭。

我尝试使用disableSwipeToOpen={true}设置SwipeableDrawer属性，但是它仅在即将打开时禁用，而仍然可以关闭。

我也尝试将Dialog的zIndex设置为高于抽屉，但无济于事。

我已经在抽屉上尝试过这个道具设置：

variant={isDialogOpen ? 'permanent' : 'temporary'}

是的，它可以工作，但是对话框的打开/关闭过渡看起来不稳定。

有没有更好的选择来禁用滑动关闭SwipeableDrawer？

下面是codesanbox演示：