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.
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.
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:
Expected behavior
dropdown disappears then label focus also remove
Search keywords: select, dropdown , menu