Option Group: focus behaviour

[MoritzBru]

What happened?

When using an option group (default type radio) with a name attribute, I can observe that

• pressing tab key moves focus to the individual inputs
• pressing arrow keys does not move the focus inside the option group

What did you expect to happen?

When using an option group (default type radio) with a name attribute, I would expect that

• pressing tab moves focus in and out of the option group
• pressing arrow keys moves focus inside the option group

Reproduction URL

https://codepen.io/moritzbru/pen/OJKdwRP?editors=1010

How to reproduce?

1. go to reproduction link
2. press tab to move focus to the quasar option group
3. press arrow keys
4. observe that focus does not move
5. press tab to move focus out of the quasar option group
6. observe that each radio inout in the quasar option group gets focused via tab
7. press tab to move focus to the native option group
8. press arrow keys
9. observe that focus inside the native option group moves
10. press tab to move focus out of the native option group
11. observe that focus immediately moves out of the option group

Flavour

UMD

Areas

Components (quasar)

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

Keyboard interaction within a radio group is described e.g. here: https://www.w3.org/WAI/ARIA/apg/patterns/radio/

[milsorm]

The name attribute doesn't play any role in this behaviour. I can intercept keydown/keyup event to change value, but I am not able to find child elements (radios) for switching focus :-(

[meduzen]

@MoritzBru Hi! Can you add the label area/a11y on this issue? It might help contributors to find this issue. Thanks!