ComboboxOption - tab navigation for accessibility #3729
Unanswered
TheWalkingDad3
asked this question in
Help
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hello,
first of all - thank you very much for the great UI components!!
I use the @headlessui/react library in my project and at the moment accessibility is a huge topic in the European Union (because of a new strict law).
I use the Combobox with ComboboxInput, ComboboxOptions and finally ComboboxOption as={Fragment}.
It works really well to access the search result with key down (and up) and to select an entry with Enter.
My problem is, when an result item was selected in the opened combobox by key down and the user interacts with "tab", the item is selected (like also mentioned in the documentation). In my opinion this is not the expected behaviour - if you want to select an item, you use "Enter" on the keyboard. With "tab" you want to change to the next tab selectable item outside of the combobox.
Is there a way to change this? It is not a solution for me to just prevent the default behaviour, because then you cannot navigate with tab out of the combobox any longer.
Would be great if somebody can help me or if there will be an option from the Combobox to handle this different.
thx :)
Beta Was this translation helpful? Give feedback.
All reactions