-
-
Notifications
You must be signed in to change notification settings - Fork 7k
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
[Bug Report][3.3.21] Accessibility: v-select and v-autocomplete Clearable icon not keyboard accessible #18482
kmmerc18 opened this issue
Oct 17, 2023
· 0 comments
· Fixed by #18838 · May be fixed by tmasrat/vuetify#5
Labels
C: VAutocomplete
C: VCombobox
C: VSelect
T: bug
Functionality that does not work as intended/expected
Milestone
Comments
tmasrat
added a commit
to tmasrat/vuetify
that referenced
this issue
Dec 7, 2023
This was referenced 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
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
C: VCombobox
C: VSelect
T: bug
Functionality that does not work as intended/expected
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/#...
The text was updated successfully, but these errors were encountered: