Now in the expanded state, click anywhere outside the browser page like in the taskbar.
Now click the browser tab.
Expected Behavior
When v-menu button is focused, the focus should stay until tab pressed to navigate to dropdown elements. If Shift+Tab pressed the focus should go back to the button from dropdown elements.
Actual Behavior
Note that the first dropdown element is focused and not the menu button.
Also when pressing Shift+Tab after step 3, the focus goes to first dropdown element and not to the previous list-item. Pressing Shift+Tab again moves the focus to rail button and not to the list-item. Seems like inconsistent behavior.
It isn't clear what you're actually reporting here, is this something to do with browser window focus or just tab order? How is the rail drawer relevant?
Environment
Vuetify Version: 3.6.13 Vue Version: 3.4.34 Browsers: Edge 126.0.0.0 OS: Windows 10
Steps to reproduce
Expected Behavior
When v-menu button is focused, the focus should stay until tab pressed to navigate to dropdown elements. If Shift+Tab pressed the focus should go back to the button from dropdown elements.
Actual Behavior
Note that the first dropdown element is focused and not the menu button. Also when pressing Shift+Tab after step 3, the focus goes to first dropdown element and not to the previous list-item. Pressing Shift+Tab again moves the focus to rail button and not to the list-item. Seems like inconsistent behavior.
Reproduction Link
https://play.vuetifyjs.com/#...