Material-ui: 【ダイアログ】副作用（ボディオーバーフロー隠しプロパティ）

作成日 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ライフサイクル関数はボディスタイルの元の状態を保存でき、マウントを解除すると、そのスタイルを復元できます。

bug 🐛
ソース
picture activatedgeek
👍5

最も参考になるコメント

overflow-y: overlay; CSSプロパティではうまく機能しません：
ezgif com-video-to-gif

picture goodwin64 2019年09月23日
👍3

全てのコメント3件

+1ダイアログがドーム内にあるかどうかにかかわらず、自分で管理しているため、現在この問題が発生しています。

問題はOverlayコンポーネントの内部にあります。 overflowプロパティは、 componentDidUpdateのみ更新されます。 ただし、削除しても、プロパティがリセットされることはありません：/

tleunen picture tleunen 2015年07月02日

+1

Thr1ve picture Thr1ve 2015年07月05日

overflow-y: overlay; CSSプロパティではうまく機能しません：
ezgif com-video-to-gif

goodwin64 picture goodwin64 2019年09月23日
👍3
このページは役に立ちましたか？
0 / 5 - 0 評価

関連する問題

TimoRuetten picture TimoRuetten  ·  3コメント
finaiized picture finaiized  ·  3コメント
iamzhouyi picture iamzhouyi  ·  3コメント
joewalker picture joewalker  ·  3コメント
pola88 picture pola88  ·  3コメント