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.

Sign up for GitHub

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

Jump to bottom

[a11y] QSelect - Autocomplete attribute will render a second input without tabindex=-1 #14378

Closed
Evertvdw opened this issue Sep 13, 2022 · 0 comments · Fixed by #14376
Closed

[a11y] QSelect - Autocomplete attribute will render a second input without tabindex=-1 #14378

Evertvdw opened this issue Sep 13, 2022 · 0 comments · Fixed by #14376
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite has PR 💯 kind/bug 🐞 Qv1 Qv2 🔝 Quasar v2 issues

Comments

@Evertvdw
Copy link
Contributor

What happened?

When using autocomplete attribute on a QSelect a second input element is rendered but it does not have tabindex=-1 attached to it so it will also be focusable when using keyboard navigation.

What did you expect to happen?

One tab to enter the select and one to leave it again.

Reproduction URL

https://codepen.io/Mett-codepens/pen/NWMRYpm

How to reproduce?

Tab through the page, and notice that you have to tab twice within the QSelect to leave it again.

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

No response

Quasar info output

No response

Relevant log output

No response

Additional context

No response
@Evertvdw Evertvdw added kind/bug 🐞 Qv2 🔝 Quasar v2 issues labels Sep 13, 2022
@github-actions github-actions bot added area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite labels Sep 13, 2022
This was referenced Sep 13, 2022
Merged
Merged
rstoenescu pushed a commit that referenced this issue Sep 13, 2022
@pdanpdan
fix(QSelect): skip tab navigation for autocomplete input #14378 (#14376)
73beee5 
fix(QSelect): skip tab navigation for autocomplete input
rstoenescu pushed a commit that referenced this issue Sep 13, 2022
@pdanpdan
fix(QSelect): skip tab navigation for autocomplete input #14378 (#14377)
e14283e 
fix(QSelect): skip tab navigation for autocomplete input
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
area/components bug/1-repro-available A reproduction is available and needs to be confirmed. flavour/quasar-cli-vite has PR 💯 kind/bug 🐞 Qv1 Qv2 🔝 Quasar v2 issues
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(QSelect): skip tab navigation for autocomplete input #14378 pdanpdan/quasar
2 participants
@pdanpdan @Evertvdw