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

Question

我正在将material-ui v3.1.2与react js v16.5.2一起使用。在我的页面中，有很多地方我在使用let child_3 = ChildExampleViewController(itemInfo: IndicatorInfo(title: " ACCOUNT", image: UIImage(named: "profile"))) child_3.showMessage("nemessage", type: .error) 属性的<TextField>。因此，每当我单击该select并出现下拉菜单时，它都会隐藏我的父垂直滚动条，从而会导致用户界面向右移动，因为它会隐藏滚动条。我不希望这种情况发生，因此任何解决方案都会有很大帮助。

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

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

Answer 1

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

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

Answer 2

我在使用Select组件时遇到问题，因此使用textField的解决方案：

 <TextField select SelectProps={{ MenuProps: { disableScrollLock: true } }}/>