与Material-UI持久抽屉进行react-split-pane不会调整大小

Question

当抽屉打开时，带有Material-UI持久抽屉的

react-split-pane不会调整大小。您可以在这里看到它。

https://codesandbox.io/s/z11w886yx

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

谢谢

Answer 1

抽屉位于整个页面上。普通文本是人为收缩的，请参见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
    })
  },

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