Background
- In TypeaheadSearchWrapper.vue we adjust the bottom position of the search menu on mobile viewports to account for mobile virtual keyboard covering the bottom part of the viewport. This adjustment depends on the viewport, so if you initialize the TAHS on small viewports, and then increase the viewport, it will apply the same adjustment even when not needed.
To reproduce:
- Open a page in Minerva on small viewports so only the search icon shows
- click the search icon to open the search overlay
- exit the search overlay by clickin on the back arrow
- increase the viewport so that the search bar appears
- type into the searchbar to see the incorrect search menu styling
Requirements
- TAHS search menu should always be in the correct position even after resizing viewports
QA
Important to test since it broke before:
- On mobile, clicking search icon should set focus to search input by default.
- Avoid repeat of T415677: Search field doesn't get focus when selecting the magnifying glass on mobile
