[Bug Report][3.8.9] Page freezes when VTextField with autofocus appears immediately with VDialog

[treardon17]

Environment

Vuetify Version: 3.9.0
Last working version: 3.8.8
Vue Version: 3.5.17
Browsers: Chrome 138.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Click the "Click to freeze page" button in the reproduction link. The page will freeze in a loop with the text field and button fighting for focus. The tabindex is explicitly set in that example, but it also will freeze if it's not set -- it looks like the tabindex is set automatically.

Expected Behavior

Page won't freeze

Actual Behavior

Page freezes

Reproduction Link

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

Other comments

Related: #21626

When there's a combination of VTextField (with autofocus), VDialog, and VBtn, the page will freeze. This didn't used to be an issue -- it works on Vuetify 3.8.8.

[J-Sek]

I don't think tabindex matters.

[treardon17]

I don't think tabindex matters.

I think what led me to that conclusion was that setting the button's tabindex to -1 "fixed" the issue, and I can only reproduce this when there is a button in the dialog, which makes the document.activeElement check in the VTextField end up always being a button. I think you're right that tabindex isn't the core issue.

[Shujee]

Facing this problem in my Login dialog (with two v-text-fields and a couple of buttons) with with version 3.9.2 and LastPass (in MS Edge). I have removed all focus-related code and still face the hang-up. At times it appears to work fine on first load, but if I click outside the dialog and then click Login button again, the dialog appears and gets stuck immediately.

Downgrading to 3.8.8 also didn't work for me.