OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Focus search provider button with tab key

Browse Source
This commit is contained in:
Flo2410 2024-02-08 22:37:42 +00:00
parent fb9818e1fc
commit ffad5d247e
No known key found for this signature in database
GPG Key ID: 8ECB00AC5216DC7F
1 changed files with 2 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/widgets/search/search.jsx
View File

@ -124,6 +124,7 @@ export default function Search({ options }) {
event.key === "Tab" && event.key === "Tab" &&
document.getElementById("comboboxOptions")?.getAttribute("data-headlessui-state") === "open" document.getElementById("comboboxOptions")?.getAttribute("data-headlessui-state") === "open"
) { ) {
document.getElementById("searchProviderButton").focus();
event.preventDefault(); event.preventDefault();
} }
}; };
@ -193,6 +194,7 @@ export default function Search({ options }) {
text-white font-medium text-sm text-white font-medium text-sm
bg-theme-600/40 dark:bg-white/10 bg-theme-600/40 dark:bg-white/10
focus:ring-theme-500 dark:focus:ring-white/50" focus:ring-theme-500 dark:focus:ring-white/50"
id="searchProviderButton"
> >
<selectedProvider.icon className="text-white w-3 h-3" /> <selectedProvider.icon className="text-white w-3 h-3" />
<span className="sr-only">{t("search.search")}</span> <span className="sr-only">{t("search.search")}</span>