Vuetify Version: 2.0.5
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.100, Mozilla Firefox
OS: Windows 10
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.
No error
Uncaught RangeError: Maximum call stack size exceeded.
at VueComponent.onFocusin (VDialog.ts:225)
https://codepen.io/mitsakosgr/pen/MNPoKQ
Setting retain-focus to false will prevent this error.
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.
Most helpful comment
:retain-focus="false"doesI'm reverting this because it has an easy workaround and broke the original behaviour.