Improve Homepage Search: Automatically Hide Dropdown on Typing (#4953)

* update dropdown * Close study search dropdown on keypress --------- Co-authored-by: alisman <[email protected]>
cBioPortal · Jan 17, 2025 · 8fce8f8 · 8fce8f8
1 parent ce9f9fd
commit 8fce8f8
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/shared/components/query/StudySearch.tsx b/src/shared/components/query/StudySearch.tsx
@@ -47,11 +47,10 @@ export const StudySearch: FunctionComponent<StudySearchProps> = observer(
         }, []);
 
         const onKeyDownSearchBox = useCallback(
-            (e: React.KeyboardEvent<HTMLInputElement>) => {
-                if ([13, 27].includes(e.keyCode)) {
+            async (e: React.KeyboardEvent<HTMLInputElement>) => {
+                if (store.isMenuOpen) {
+                    await sleep(500);
                     store.setMenuOpen(false);
-                } else {
-                    store.setMenuOpen(true);
                 }
             },
             []