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-select and v-autocomplete Clearable icon not keyboard accessible #18482

Closed
kmmerc18 opened this issue Oct 17, 2023 · 0 comments · Fixed by #18838 · May be fixed by tmasrat/vuetify#5
Closed
Assignees
Labels
C: VAutocomplete VAutocomplete C: VCombobox VCombobox C: VSelect VSelect T: bug Functionality that does not work as intended/expected
Milestone

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

Tab through the example page and use keyboard controls to interact with the v-select and v-autocomplete components. Both have the 'clearable' prop so an 'x' icon appears in the right hand side that can be clicked to clear the input, but there is no combination of keyboard controls that can access that button or achieve the same functionality.

Expected Behavior

Is should be possible to focus on the 'x' icon and select it with keyboard controls

Actual Behavior

It is not possible to use the 'clearable' functionality with just 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 7, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 12, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 12, 2023
tmasrat added a commit to tmasrat/vuetify that referenced this issue Dec 12, 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
@johnleider johnleider added T: bug Functionality that does not work as intended/expected C: VSelect VSelect C: VCombobox VCombobox C: VAutocomplete VAutocomplete labels Mar 28, 2024
@johnleider johnleider added this to the v3.5.x milestone Mar 28, 2024
johnleider added a commit that referenced this issue Mar 29, 2024
fixes #18482

Co-authored-by: John Leider <john@vuetifyjs.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VAutocomplete VAutocomplete C: VCombobox VCombobox C: VSelect VSelect T: bug Functionality that does not work as intended/expected
Projects
None yet
2 participants