material-ui 输入选择属性隐藏主体溢出-y 滚动 - react js

Question

我正在使用 material-ui v3.1.2 和 react js v16.5.2。在我的页面中，我在很多地方使用<TextField>了select属性。因此，每当我点击它TextField并出现下拉菜单时，它会隐藏我的父垂直滚动条，导致一些 ui 向右移动，因为它隐藏了滚动条。我不希望这种情况发生，因此任何解决方案都会有很大帮助。

这是打开下拉菜单之前的屏幕截图，

这是打开下拉菜单后的截图，

Answer 1

此问题的解决方法是使用 material-ui 的 Select 组件并使用 'disableScrollLock: true' 属性。但在这种情况下，滚动条不会在打开选择时消失，因此在选择选项打开时整个页面都可以滚动。

<Select
    MenuProps={{
          disableScrollLock: true,
        }}
...
/>