MUI Select Component: Dropdown's Width Does Not Match Select's Width on Window Resize

[chkp-elinak]

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:

1. Run you app using react and Select component (MUI)
2. Click the Select to open the dropdown.
3. While the dropdown is open, resize the browser window.
4. 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