mui / material-ui

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.
https://mui.com/material-ui/
MIT License
93.7k stars 32.23k forks source link

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

Closed joshkel closed 1 month ago

joshkel commented 1 month ago

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 https://github.com/mui/material-ui/issues/43572 - the overflowY: 'auto' that was removed was also implicitly setting overflowX: 'auto'. Therefore, https://github.com/mui/material-ui/pull/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[bot] commented 1 month ago

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!