From 91a7ef89d17c9dc66eb57c970cdd00c79287f707 Mon Sep 17 00:00:00 2001 From: Flo2410 Date: Thu, 8 Feb 2024 17:47:30 +0000 Subject: [PATCH] Added tabcompleate to the quick lauch for search suggestions. --- src/components/quicklaunch.jsx | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/src/components/quicklaunch.jsx b/src/components/quicklaunch.jsx index 23f7cef9..044974f2 100644 --- a/src/components/quicklaunch.jsx +++ b/src/components/quicklaunch.jsx @@ -43,8 +43,7 @@ export default function QuickLaunch({ }, 200); // delay a little for animations }, [close, setSearchString, setCurrentItemIndex, setSearchSuggestions]); - function handleSearchChange(event) { - const rawSearchString = event.target.value.toLowerCase(); + function updateSearch(rawSearchString) { try { if (!/.+[.:].+/g.test(rawSearchString)) throw new Error(); // basic test for probably a url let urlString = rawSearchString; @@ -56,6 +55,11 @@ export default function QuickLaunch({ setSearchString(rawSearchString); } + function handleSearchChange(event) { + const rawSearchString = event.target.value.toLowerCase(); + updateSearch(rawSearchString); + } + function handleSearchKeyDown(event) { if (!isOpen) return; @@ -71,6 +75,9 @@ export default function QuickLaunch({ } else if (event.key === "ArrowUp" && currentItemIndex > 0) { setCurrentItemIndex(currentItemIndex - 1); event.preventDefault(); + } else if (event.key === "Tab" && results[currentItemIndex].type === "searchSuggestion") { + updateSearch(results[currentItemIndex].name); + event.preventDefault(); } }