[material-ui][Dialog] Scroll not working in full-screen dialog

[mohamad-selman]

Steps to reproduce

Link to live example: https://stackblitz.com/~/github.com/mohamad-selman/mui-dialog-issue-demo

Steps:

1. Add a Dialog with fullScreen prop
2. Add content then try to scroll either using mouse or keyboard

Current behavior

It doesn't scroll

Expected behavior

It should scroll

Context

No response

Your environment

System:
OS: macOS 14.6.1
Binaries:
Node: 20.15.0 - ~/.nvm/versions/node/v20.15.0/bin/node
npm: 10.7.0 - ~/.nvm/versions/node/v20.15.0/bin/npm
pnpm: 9.7.1 - /opt/homebrew/bin/pnpm
Browsers:
Chrome: Not Found
Edge: Not Found
Safari: 17.6
npmPackages:
@emotion/react: ^11.13.0 => 11.13.3
@emotion/styled: ^11.13.0 => 11.13.0
@mui/icons-material: ^6.0.2 => 6.0.2
@mui/material: ^6.0.2 => 6.0.2
@types/react: ^18.3.3 => 18.3.5
react: ^18.3.1 => 18.3.1
react-dom: ^18.3.1 => 18.3.1
typescript: ^5.5.3 => 5.5.4

Search keywords: full-screen dialog scroll

[siriwatknp]

Thanks for asking! Please take a look at the "Scrolling long content" demo.

Feel free to reopen the issue if you still need help.

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

We value your feedback @mohamad-selman! How was your experience with our support team?
If you could spare a moment, we'd love to hear your thoughts in this brief Support Satisfaction survey. Your insights help us improve!