Only prevent tab if suggestion dropdown is open.

pull/2867/head
Flo2410 4 months ago
parent e47054a2c5
commit fb9818e1fc
No known key found for this signature in database
GPG Key ID: 8ECB00AC5216DC7F

@ -120,7 +120,10 @@ export default function Search({ options }) {
}, [selectedProvider, options, query, searchSuggestions]);
const handleSearchKeyDown = (event) => {
if (event.key === "Tab") {
if (
event.key === "Tab" &&
document.getElementById("comboboxOptions")?.getAttribute("data-headlessui-state") === "open"
) {
event.preventDefault();
}
};
@ -233,7 +236,10 @@ export default function Search({ options }) {
</Listbox>
{searchSuggestions[1]?.length > 0 && (
<Combobox.Options className="mt-1 rounded-md bg-theme-50 dark:bg-theme-800 border border-theme-300 dark:border-theme-200/30 cursor-pointer shadow-lg">
<Combobox.Options
className="mt-1 rounded-md bg-theme-50 dark:bg-theme-800 border border-theme-300 dark:border-theme-200/30 cursor-pointer shadow-lg"
id="comboboxOptions"
>
<div className="p-1 bg-white/50 dark:bg-white/10 text-theme-900/90 dark:text-white/90 text-xs">
<Combobox.Option key={query} value={query} />
{searchSuggestions[1].map((suggestion) => (

Loading…
Cancel
Save