[material-ui][Select] Remove focus from the input when the listbox disappears

[vadaviya638]

Steps to reproduce

Link to live example: https://stackblitz.com/edit/vitejs-vite-kzseur?file=src%2FApp.tsx

Current behavior

Make a simple multiple select using Material UI's Select component. But one thing that I did not like is that if you unselect anything or just don't select anything and click outside, the dropdown disappears but the label remains focused until you click again or focus on other component.

Link to component: https://material-ui.com/demos/selects/

Original title for ease of reading:

Make a simple multiple select using Material UI's Select component. But one thing that I did not like is that if you unselect anything or just don't select anything and click outside, the dropdown disappears but the label remains focused until you click again or focus on other component.

Expected behavior

dropdown disappears then label focus also remove

Search keywords: select, dropdown , menu