Tengo un componente que abre y cierra un cuadro de diálogo Material UI. Por el momento, hay un texto que se muestra en la página seguido de un botón que simplemente abre el cuadro de diálogo. Creé un entorno limitado de código para resaltar dónde estoy con esto: https://codesandbox.io/s/formdialog-material-demo-forked-cgjgh?file=/demo.js:0-8775
Cuando el cuadro de diálogo está abierto, ¿es posible habilitar el desplazamiento en segundo plano (es decir, en la página principal) para que el usuario pueda desplazarse por el texto como ejemplo? Incluí el apoyo hideBackdrop para que sea true para que el fondo esté oculto, pero no estoy seguro de cómo hacerlo para que se pueda habilitar el desplazamiento en la página principal.
Deshabilite el desbordamiento: propiedad de estilo oculto de la etiqueta del cuerpo al abrir el cuadro de diálogo.
Para mí, establecer la propiedad "disableScrollLock" en verdadero resolvió el problema. Lo encontré en la documentación de Material UI Modal: https://mui.com/material-ui/api/modal/
<Dialog open={open} onClose={handleClose} hideBackdrop={true} disableScrollLock >Lo probé en su ejemplo de CodeSandbox y funcionó como se suponía. ¡Espero que esto ayude con tu problema!