Vuetify: [Bug Report] Multiple v-dialog with v-btn cause infinite recursion errors

Created on 10 Aug 2019  路  2Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.5
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.100, Mozilla Firefox
OS: Windows 10

Steps to reproduce

Create a simple app with two persistent dialogs with a button inside each (buttons trigger the error).
Clicking the button (or focusing the dialog - for example a v-card) will cause an infinite loop of focusing.
Pressing Shift+Tab will cause this error to repeat.

Chrome will have an error:
Uncaught RangeError: Maximum call stack size exceeded.
at VueComponent.onFocusin (VDialog.ts:225)

Firefox will complain about too much memory usage and after a while will say about too much recursion.

Expected Behavior

No error

Actual Behavior

Uncaught RangeError: Maximum call stack size exceeded.
at VueComponent.onFocusin (VDialog.ts:225)

Reproduction Link

https://codepen.io/mitsakosgr/pen/MNPoKQ

Other comments

Setting retain-focus to false will prevent this error.

VDialog bug has workaround wontfix

Most helpful comment

setting retain-focus didn't do any good

:retain-focus="false" does

I'm reverting this because it has an easy workaround and broke the original behaviour.

All 2 comments

I am encountering this exact issue when I remove <v-btn> s it goes away, and setting retain-focus didn't do any good.

setting retain-focus didn't do any good

:retain-focus="false" does

I'm reverting this because it has an easy workaround and broke the original behaviour.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

KuroThing picture KuroThing  路  3Comments

Antway picture Antway  路  3Comments

chriswa picture chriswa  路  3Comments

smousa picture smousa  路  3Comments

milleraa picture milleraa  路  3Comments