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

[Bug Report][3.3.21] Accessibility: v-autocomplete with multiple closable chips not keyboard accessible #18493

Closed
kmmerc18 opened this issue Oct 18, 2023 · 0 comments · May be fixed by tmasrat/vuetify#6 or tmasrat/vuetify#7
Assignees
Labels
S: stale This issue is untriaged and hasn't seen any activity in at least six months. S: triage

Comments

@kmmerc18
Copy link

Environment

Vuetify Version: 3.3.21
Vue Version: 3.3.4
Browsers: Chrome 117.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Create a v-autocomplete with the props of: closeable-chips, multiple, chips. Select some options from the autocomplete to show their closeable chips in the input field.
Attempt to navigate these chips using keyboard controls.

Expected Behavior

Focus can be placed, via some combination of keyboard controls, on the chips and/or the 'x' to close each chip. Enter should select the chip/delete the chip from the input field

Actual Behavior

There is no way to access each chip with keyboard controls

Reproduction Link

https://play.vuetifyjs.com/#...

@johnleider johnleider self-assigned this Nov 30, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 11, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 11, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 11, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 11, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 11, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 11, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 11, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 11, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Jan 22, 2024
tmasrat added a commit to tmasrat/vuetify that referenced this issue Jan 22, 2024
tmasrat added a commit to tmasrat/vuetify that referenced this issue Jan 25, 2024
tmasrat added a commit to tmasrat/vuetify that referenced this issue Jan 25, 2024
@github-actions github-actions bot added the S: stale This issue is untriaged and hasn't seen any activity in at least six months. label May 30, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Jun 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
S: stale This issue is untriaged and hasn't seen any activity in at least six months. S: triage
Projects
None yet
2 participants