Make Tab / Shift+Tab select items in the tag selector

Minnowo · Sep 20, 2024 · 95eea7a · 95eea7a
1 parent 6e75781
commit 95eea7a
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/ui/src/tag/TagSelector.tsx b/ui/src/tag/TagSelector.tsx
@@ -114,11 +114,10 @@ export const TagSelector: React.FC<TagSelectorProps> = ({
             setSelectedEntries(selectedEntries.slice(0, selectedEntries.length - 1));
             setCurrentValue(event.ctrlKey ? '' : label(last));
         }
-        if (event.key === 'ArrowUp') {
+        if (event.key === 'ArrowUp' || (event.key === 'Tab' && event.shiftKey && open)) {
             event.preventDefault();
             setHighlightedIndex(highlightedIndex === 0 ? suggestions.length - 1 : highlightedIndex - 1);
-        }
-        if (event.key === 'ArrowDown') {
+        } else if (event.key === 'ArrowDown' || (event.key === 'Tab' && open)) {
             event.preventDefault();
             setHighlightedIndex(highlightedIndex === suggestions.length - 1 ? 0 : highlightedIndex + 1);
         }