[material-ui][Dialog] maxWidth exceeds in v6

[joshkel]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/react-koqgrc?file=Demo.tsx

Steps:

1. Click the button to open the dialog.

Current behavior

The dialog is wider than the available screen space and is not scrollable, even though it's specified maxWidth="sm".

Expected behavior

The dialog should limit itself to the specified maxWidth, and since this content is too wide, it should scroll.

Context

This is a regression in v6 and is the same root cause as #43572 - the overflowY: 'auto' that was removed was also implicitly setting overflowX: 'auto'. Therefore, #43626 should also fix this issue.

Your environment

npx @mui/envinfo

  System:
    OS: macOS 14.6.1
  Binaries:
    Node: 18.20.2 - ~/.nvm/versions/node/v18.20.2/bin/node
    npm: 10.5.0 - ~/.nvm/versions/node/v18.20.2/bin/npm
    pnpm: Not Found
  Browsers:
    Chrome: 128.0.6613.120 (active)
    Edge: 128.0.2739.67
    Safari: 17.6
  npmPackages:
    @emotion/react:  11.13.3
    @emotion/styled:  11.13.0
    @mui/base:  5.0.0-beta.58
    @mui/core-downloads-tracker:  6.0.1
    @mui/icons-material:  6.0.1
    @mui/lab:  6.0.0-beta.8
    @mui/material:  6.0.1
    @mui/private-theming:  6.0.1
    @mui/styled-engine:  6.0.1
    @mui/system:  6.0.1
    @mui/types:  7.2.16
    @mui/utils:  6.0.1
    @mui/x-date-pickers:  7.15.0
    @mui/x-internals:  7.15.0
    @mui/x-tree-view:  7.15.0
    @types/react: ^18.3.5 => 18.3.5
    react: ^18.3.1 => 18.3.1
    react-dom: ^18.3.1 => 18.3.1
    typescript: ^5.5.4 => 5.5.4

Search keywords: Dialog maxWidth

[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 @joshkel! 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!