-
-
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.4.3] VDialog (retain-focus prop) Tab focus is kept on the activator #18779
Comments
The problem is in the focusing element. https:/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDialog/VDialog.tsx#L93 The So you need to add |
Environment
Vuetify Version: 3.4.3
Vue Version: 3.3.7
Browsers: Chrome 119.0.0.0
OS: Mac OS 10.15.7
Steps to reproduce
Open the dialog by clicking on a v-text-field.
The dialog is opened but the focus is kept in the v-text-field.
The same happens if the dialog is opened from a button, to see it more clearly open the dialog using the keyboard to click the button(Using tab key and then space or enter key), the button keeps the focus-active styling.
Expected Behavior
If retain-focus prop is true(it is by default):
Tab focus should return to the first child of the dialog by default.
Actual Behavior
The focus is kept on the activator.
Reproduction Link
https://play.vuetifyjs.com/#...
The text was updated successfully, but these errors were encountered: