[select] Dropdown width does not match trigger width on window resize #47035
Description
Steps to reproduce
Link to the code:
https://codesandbox.io/p/sandbox/4lk9m8
Please see attached video:
https://github.com/user-attachments/assets/d959106d-534a-4f06-8993-4ae63670a876
Steps to Reproduce:
- Run you app using react and Select component (MUI)
- Click the Select to open the dropdown.
- While the dropdown is open, resize the browser window.
- Observe the dropdown width compared to the Select component.
Current behavior
The dropdown retains its original width, which no longer aligns with the resized Select component.
Expected behavior
The dropdown should automatically adjust its width to match the updated width of the Select component after a window resize.
Context
No response
Your environment
npx @mui/envinfo
System:
OS: macOS 15.6.1
Binaries:
Node: 22.15.1 - ~/.nvm/versions/node/v22.15.1/bin/node
npm: 10.9.2 - ~/.nvm/versions/node/v22.15.1/bin/npm
pnpm: Not Found
Browsers:
Chrome: 141.0.7390.55
Edge: Not Found
Safari: 18.6
npmPackages:
@mui/core-downloads-tracker: 7.3.4
@mui/material: ^7.3.4 => 7.3.4
@mui/private-theming: 7.3.3
@mui/styled-engine: 7.3.3
@mui/styled-engine-sc: ^7.3.1 => 7.3.1
@mui/system: 7.3.3
@mui/types: 7.4.7
@mui/utils: 7.3.3
@mui/x-data-grid: 8.9.2
@mui/x-data-grid-premium: ^8.9.2 => 8.9.2
@mui/x-data-grid-pro: 8.9.2
@mui/x-internals: 8.9.2
@mui/x-license: 8.9.2
@mui/x-telemetry: 8.5.3
@mui/x-tree-view: 8.9.2
@mui/x-tree-view-pro: ^8.9.2 => 8.9.2
@mui/x-virtualizer: 0.1.0
@types/react: ^18.0.0 => 18.3.23
react: ^18.0.0 => 18.3.1
react-dom: ^18.0.0 => 18.3.1
styled-components: ^6.1.15 => 6.1.19
typescript: ~5.7.2 => 5.7.3
Search keywords: select, dropdown, width, resizing