Material-ui: [Dialogue] Effets secondaires (propriété cachée de débordement du corps)

Créé le 20 juin 2015  ·  3Commentaires  ·  Source: mui-org/material-ui

Je voudrais suggérer un changement suivant,

Le composant Dialog définit le style <body> comme overflow: hidden; . Et en cas de rejet, cette règle de style est rejetée.

Mais si le composant est supprimé de DOM alors que Dialog était affiché, il rend tout le corps non défilant en raison du style ci-dessus.

Je suggérerais un componentWillUnmount comme suit,

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

ou pour être plus indépendant, la fonction de cycle componentDidMount vie

bug 🐛
Source
picture activatedgeek
👍5

Commentaire le plus utile

Ne fonctionne pas bien avec la propriété CSS overflow-y: overlay; :
ezgif com-video-to-gif

picture goodwin64 le 23 sept. 2019
👍3

Tous les 3 commentaires

+1 J'ai ce problème en ce moment parce que je gère moi-même si le dialogue est dans le dom ou non.

Le problème est à l'intérieur du composant Overlay . La propriété overflow n'est mise à jour que dans componentDidUpdate . Mais lorsqu'elle est supprimée, la propriété n'est donc jamais réinitialisée :/

tleunen picture tleunen le 2 juil. 2015

+1

Thr1ve picture Thr1ve le 5 juil. 2015

Ne fonctionne pas bien avec la propriété CSS overflow-y: overlay; :
ezgif com-video-to-gif

goodwin64 picture goodwin64 le 23 sept. 2019
👍3
Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

ghost picture ghost  ·  3Commentaires
ryanflorence picture ryanflorence  ·  3Commentaires
reflog picture reflog  ·  3Commentaires
ericraffin picture ericraffin  ·  3Commentaires
revskill10 picture revskill10  ·  3Commentaires