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

我正在将MaterialUIV3.1.2与react JSV16.5.2一起使用。在我的页面中，有许多地方我正在使用带有

选择属性的
。因此，每当我点击
TextField
时，当下拉菜单出现时，它会隐藏我的父垂直滚动条，从而在隐藏滚动条时导致一些ui向右移动。我不希望这种情况发生，所以任何解决方案都会大有裨益

这是打开下拉列表前的屏幕截图


这是打开下拉列表后的屏幕截图，

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

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


我在使用Select component时遇到问题，因此使用文本字段的解决方案是：

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


我认为，这是材质ui选择组件的默认行为。如果您使用本机，您将获得浏览器的默认行为。您可以在上面尝试同样的事情，那么，在使用MateiralUI选择组件时，我可以实现默认行为吗@KishanMundha@VikasValechha你找到问题的解决方案了吗？如果你找到了问题的原因，你也很感兴趣吗？我在使用Select component时遇到了一个问题，有人能为component解决这个问题吗？我找到了解决方案，谢谢！如上所述这是上述问题的正确答案。