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.6.13] Autocomplete Expand/Collapse Results Not Keyboard Accessible #20181

Open
kmmerc18 opened this issue Jul 17, 2024 · 1 comment

Comments

@kmmerc18
Copy link

Environment

Vuetify Version: 3.6.13
Vue Version: 3.4.27
Browsers: Chrome 126.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Go to any autocomplete and begin typing. Try to move focus to the mdi-menu-down button at the end of the autocomplete

Expected Behavior

Just like if you click the button, the autocomplete option list should collapse/expand when the user presses enter with focus on the button

Actual Behavior

The button has a tabindex of -1 and cannot receive focus. If we programmatically set the tabindex of that button to be 0, tabbing to it removes focus from the autocomplete's text field, so the value the user typed gets cleared

Reproduction Link

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

@yuwu9145
Copy link
Member

4b387b5 Looks intentional

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants