My thoughts on the current behaviour of the select component:
- I think the focus state is unnecessary. Instead when a user focuses the input open the menu; this is adequate visual response
- The first option should be selected when the menu is opened
- Clicking on the select element should open the menu. Clicking it again should blur the field and close the menu
- Clicking the cross
- - if the menu is open: should clear the field, open the menu and focus the user in the input
- - if the menu is closed: should clear the field, keep the menu open and focus the user in the input
My thoughts on the current behaviour of the select component: