Reactjs 不调整材质UI持久抽屉大小时对拆分窗格作出反应

当抽屉打开时，对拆分窗格的材质UI持久化抽屉不调整大小作出反应。你可以在这里看到

这是react split pane和Material UI之间的问题，还是可以解决

---

谢谢

抽屉画满了整页。正常文本会人为收缩，请参见带有左边框的

appBarShift

CSS规则：

appBarShift: {
    width: `calc(100% - ${drawerWidth}px)`,
    marginLeft: drawerWidth,
    transition: theme.transitions.create(["margin", "width"], {
      easing: theme.transitions.easing.easeOut,
      duration: theme.transitions.duration.enteringScreen
    })
  },

---

这会在抽屉下面留下一堆空白区域。如果希望基于拆分的内容也缩小，则需要执行类似操作。

抽屉绘制在整个页面上。正常文本会人为收缩，请参见带有左边框的

appBarShift

CSS规则：

appBarShift: {
    width: `calc(100% - ${drawerWidth}px)`,
    marginLeft: drawerWidth,
    transition: theme.transitions.create(["margin", "width"], {
      easing: theme.transitions.easing.easeOut,
      duration: theme.transitions.duration.enteringScreen
    })
  },

这会在抽屉下面留下一堆空白区域。如果希望基于分割的内容也缩小，则需要执行类似的操作