search

vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.63k stars 6.95k forks source link

[Bug Report][3.6.13] Autocomplete Expand/Collapse Results Not Keyboard Accessible #20181

Open kmmerc18 opened 1 month ago

kmmerc18 commented 1 month ago

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 commented 1 month ago

4b387b5ceb3baa35a604526c55dab3510167254b Looks intentional