Material-ui: [Dialog] 副作用（body 溢出隐藏属性）

创建于 2015-06-20 · 3评论 · 资料来源: mui-org/material-ui

我想建议以下更改，

Dialog组件将<body>样式设置为overflow: hidden; 。并且在驳回时，此样式规则将被驳回。

但是，如果在显示 Dialog 时将组件从 DOM 中删除，由于上述样式，它会呈现整个主体不可滚动。

我建议componentWillUnmount如下，

  componentWillUnmount: function() {
    // dialog has a side-effect if this not checked
    document.body.style.overflow = 'auto';
  }

或者更独立， componentDidMount生命周期函数可以存储 body 样式的原始状态，并且在卸载时，可以恢复该样式。

bug 🐛

资料来源

activatedgeek

👍5

最有用的评论

不适用于overflow-y: overlay; CSS 属性：
ezgif com-video-to-gif

goodwin64 于 2019-09-23

👍3

+1 我现在遇到了这个问题，因为如果 Dialog 是否在 dom 中，我正在管理自己。

问题出在Overlay组件内部。 overflow属性仅在componentDidUpdate 。但是当它被移除时，该属性永远不会被重置：/

tleunen 于 2015-07-02

Thr1ve 于 2015-07-05

不适用于overflow-y: overlay; CSS 属性：
ezgif com-video-to-gif

goodwin64 于 2019-09-23

👍3

此页面是否有帮助？

0 / 5 - 0 等级