In src/pages/HomePage.jsx, the recent searches dropdown uses:
js
onBlur={() => setTimeout(() => setShowDropdown(false), 150)}
The 150ms delay (a workaround to allow clicking dropdown items) causes:
A visible flicker when tabbing away from the search input
If the user scrolls while the dropdown is visible, it can remain floating in a visually disconnected position
Suggested fix: Use onMouseDown with preventDefault() on dropdown items instead of relying on a blur timeout, or use a ref-based click-outside detection pattern.
In src/pages/HomePage.jsx, the recent searches dropdown uses:
js
onBlur={() => setTimeout(() => setShowDropdown(false), 150)}
The 150ms delay (a workaround to allow clicking dropdown items) causes:
A visible flicker when tabbing away from the search input
If the user scrolls while the dropdown is visible, it can remain floating in a visually disconnected position
Suggested fix: Use onMouseDown with preventDefault() on dropdown items instead of relying on a blur timeout, or use a ref-based click-outside detection pattern.