Should focus ring stay on a combobox when navigating between options? #4162
tomaszferens
started this conversation in
General
Replies: 1 comment
-
I'm not entirely sure, https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-autocomplete-both/ doesn't explicitly mention a hard requirement for the focus ring on the combobox input when virtual focus is within the list. I can see an argument for either, depending on if it is more confusing to have two elements on the page with a focus ring like style (i.e the input and the focused element in the list) or if it is important to visually show that the combobox input is still focused even when navigating the options in the list. @majornista @jnurthen any opinions on the above? |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Compare this example from w3.org
2.mov
source: codepen
with react-aria
useComboBox
hook:1.mov
In the w3.org example, the focus ring disappears from a combobox once you start selecting options (arrow down/up on keyboard) and then it returns back as you continue typing. When using
useComboBox
hook, the focus ring is always visible.Which behaviour is the "correct" one or are both valid?
Beta Was this translation helpful? Give feedback.
All reactions