Prevent Material-UI Dialog from applying inline styles to body

user_7396313 0
Viewed 454

In the image below, you can see padding-right and overflow inline styles that have been added to the <body> element when the Dialog was opened.

enter image description here

How can I prevent Material-UI from adding those styles to the body element?

material-ui reactjs
1 Answers

This functionality is part of Modal (used by Dialog) and is implemented here.

You can turn this off by adding the disableScrollLock prop to your Dialog.

Example:

<Dialog
      disableScrollLock
      onClose={handleClose}
      aria-labelledby="simple-dialog-title"
      open={open}
    >
  ...
</Dialog>

Edit Material demo

Documentation: https://material-ui.com/api/modal/#props

user_74959300
Related