[select] Fixed dropdown resizing bug

[siddarthan007]

Fixes #47035

• I have followed (at least) the PR section of the contributing guide.

[mui-bot]

Netlify deploy preview

https://deploy-preview-47137--material-ui.netlify.app/

Bundle size report

Bundle	Parsed size	Gzip size
@mui/material	🔺+271B(+0.05%)	🔺+109B(+0.07%)
@mui/lab	0B(0.00%)	0B(0.00%)
@mui/system	0B(0.00%)	0B(0.00%)
@mui/utils	0B(0.00%)	0B(0.00%)

Details of bundle changes

Generated by 🚫 dangerJS against 53912b1

[siddarthan007]

PR Title

[mui-material][Select] Fixed dropdown resizing bug #47137

PR Description

Summary

This PR fixes a bug that caused the Select component drop-down width to not match trigger width on window resize. (#47035 ) by listening to the window resize and handling the width of the component using setMenuMinWidthState().

Files changed:

• packages/mui-material/src/Select/SelectInput.js
• packages/mui-material/src/Select/Select.test.js

Problem Solved

The issue was successfully solved when tested in the playground.

[mj12albert]

@siddarthan007 Thanks for the PR ~ here it would be good to use ResizeObserver if supported, see:

• [select] Dropdown width does not match trigger width on window resize #47035 (comment)

• material-ui/packages/mui-material/src/Tabs/Tabs.js

  Lines 680 to 689 in bfd10b6

  	win.addEventListener('resize', handleResize);
  	let mutationObserver;
  	if (typeof ResizeObserver !== 'undefined') {
  	resizeObserver = new ResizeObserver(handleResize);
  	Array.from(tabListRef.current.children).forEach((child) => {
  	resizeObserver.observe(child);
  	});
  	}