Material-UI 在打开对话框时向 body 标签添加填充

Question

我在我的 React 应用程序中使用 Material-UI。最近，我将我的软件包更新到了最新版本。现在，当我在我的应用程序中打开一个对话框时，padding-right: 17px;将被添加到 body 标记中。我还检查了 Material-UI 站点，这也在他们的网站上通过对话框发生。

这是新版 Material-UI 的错误吗？

打开对话框时如何从 body 标记中删除此填充？

更新：此填充将添加到带有 Drawer、Menu、Dialog 和 Popover 组件的 body 标记中。

Answer 1

只要给disableScrollLock={ true }。我认为这会解决问题，因为我也有同样的问题。

Answer 2

我disableScrollLock向我的对话框组件添加了 prop。有效。

Answer 3

正如@Reins 提到的那样，您可以使用disableScrollLock属性。问题是有时这个属性嵌套在组件的输入上，所以你需要使用inputProps它来设置它。以下是 Select 组件的示例：

<Select
    className={classes.select}
    inputProps={{MenuProps: {disableScrollLock: true}}}
    ...
/>

有时您可能想深入研究 MUI 代码库，以找出如何应用某些嵌套元素的属性。

Answer 4

您可以使用 mui-fixed 类来处理这个问题，这对我很有帮助。

希望这对任何人都有帮助。