Material-ui: [Cuadro de diálogo] Efectos secundarios (propiedad oculta de desbordamiento corporal)
Me gustaría sugerir un cambio siguiente,
El componente Dialog establece el estilo <body> como overflow: hidden; . Y al descartar, esta regla de estilo se descarta.
Pero si el componente se elimina de DOM mientras se muestra el diálogo, hace que todo el cuerpo no se pueda desplazar debido al estilo anterior.
Sugeriría un componentWillUnmount siguiente manera,
componentWillUnmount: function() {
// dialog has a side-effect if this not checked
document.body.style.overflow = 'auto';
}
o para ser más independiente, la función de ciclo componentDidMount vida
activatedgeek
Todos 3 comentarios
+1 Tengo este problema en este momento porque me estoy controlando si el diálogo está en el dominio o no.
El problema está dentro del componente Overlay . La propiedad overflow solo se actualiza en componentDidUpdate . Pero cuando se elimina, la propiedad, por lo tanto, nunca se restablece: /
tleunen
en 2 jul. 2015
+1
Thr1ve
en 5 jul. 2015
No funciona bien con la propiedad overflow-y: overlay; CSS:
goodwin64
en 23 sept. 2019
Temas relacionados
newoga
·
3Comentarios
mb-copart
·
3Comentarios
FranBran
·
3Comentarios
ericraffin
·
3Comentarios
iamzhouyi
·
3Comentarios
Comentario más útil
No funciona bien con la propiedad
overflow-y: overlay;CSS: