Description
Due to the thumbnail alignment challenge (context) the search input expands in width upon focus. To clarify the current sequence of events:
- someone focuses the search input
- the search input expands in width
- someone types a query in the search input
- the list/menu of search results appear
When we initially launched the new search we heard complaints that the expanding of the search input was distracting. After further investigation we've decided that it is less noticeable/distracting if we the search input expands at the same moment as the list/menu of search results appear.
To clarify the desired sequence of events:
- someone focuses the search input
- someone types a query in the search input
- the list/menu of search results appear & the search input expands in width
Prototype to demonstrate: https://di-search-delayed-bump.web.app/Exuma_(musician)
Video to demonstrate:
Acceptance criteria
- CdxTypeaheadSearch component is updated to expand the input when the menu opens and un-expand the input when the menu closes
- No regressions occur in the Vector implementation