Fix dropdown arrow keys

This commit is contained in:
Gregory Schier
2024-02-28 08:51:08 -08:00
parent cefdc3ecf3
commit 4f749be2e2
+14 -4
View File
@@ -289,17 +289,27 @@ const Menu = forwardRef<Omit<DropdownRef, 'open' | 'isOpen' | 'toggle'>, MenuPro
}); });
}, [items]); }, [items]);
useKey('ArrowUp', (e) => { useKey(
'ArrowUp',
(e) => {
if (!isOpen) return; if (!isOpen) return;
e.preventDefault(); e.preventDefault();
handlePrev(); handlePrev();
}); },
{},
[isOpen],
);
useKey('ArrowDown', (e) => { useKey(
'ArrowDown',
(e) => {
if (!isOpen) return; if (!isOpen) return;
e.preventDefault(); e.preventDefault();
handleNext(); handleNext();
}); },
{},
[isOpen],
);
const handleSelect = useCallback( const handleSelect = useCallback(
(i: DropdownItem) => { (i: DropdownItem) => {