Fix *Tab* key submitting search
This commit is contained in:
parent
97f6b40a6a
commit
e47054a2c5
@ -119,6 +119,12 @@ export default function Search({ options }) {
|
||||
};
|
||||
}, [selectedProvider, options, query, searchSuggestions]);
|
||||
|
||||
const handleSearchKeyDown = (event) => {
|
||||
if (event.key === "Tab") {
|
||||
event.preventDefault();
|
||||
}
|
||||
};
|
||||
|
||||
const submitCallback = useCallback(
|
||||
(value) => {
|
||||
const q = encodeURIComponent(value);
|
||||
@ -168,6 +174,7 @@ export default function Search({ options }) {
|
||||
// eslint-disable-next-line jsx-a11y/no-autofocus
|
||||
autoFocus={options.focus}
|
||||
onBlur={(e) => e.preventDefault()}
|
||||
onKeyDown={handleSearchKeyDown}
|
||||
/>
|
||||
<Listbox
|
||||
as="div"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user