Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Option Group: focus behaviour #17638

Open
MoritzBru opened this issue Nov 13, 2024 · 0 comments
Open

Option Group: focus behaviour #17638

MoritzBru opened this issue Nov 13, 2024 · 0 comments
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/umd kind/bug 🐞 Qv2 🔝 Quasar v2 issues

Comments

@MoritzBru
Copy link

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/

@MoritzBru MoritzBru added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Nov 13, 2024
@github-actions github-actions bot added area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/umd labels Nov 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/umd kind/bug 🐞 Qv2 🔝 Quasar v2 issues
Projects
None yet
Development

No branches or pull requests

1 participant