[Bug Report][3.4.3] VDialog (retain-focus prop) Tab focus is kept on the activator

[ErneMiralles92]

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/#...

[Redpoint1]

The problem is in the focusing element.

https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDialog/VDialog.tsx#L93
overlay.value!.contentEl?.focus({ preventScroll: true })

The overlay.value.contentEl doesn't have tabindex="-1" and therefore focus() does nothing (by default div can't be focused unless tabindex is present). The closest element that has tabindex="-1" is overlay.value.$el.

So you need to add tabindex="-1" to the overlay.value.contentEl or use focus() on overlay.value.$el instead.