Vuetify Version: 2.6.0 Last working version: 2.5.14 Vue Version: 2.6.14 Browsers: Edge 99.0.1128.0 OS: Windows 10
Steps to reproduce
Create Dialog, sometime I see an error in the console:
TypeError: Cannot read properties of undefined (reading 'contains')
at VueComponent.<anonymous> (VDialog.ts:190:16)
at Array.<anonymous> (vue.runtime.esm.js:1989:1)
at flushCallbacks (vue.runtime.esm.js:1915:1)
Expected Behavior
Additional check if this.$refs.content is not undefined
I'm on version: 2.6.13. I'm assuming the commit above is in this release.
Not sure how this works internally currently, running it down now. If anyone has some advice please feel welcome.
Update:
It looks like the this.$refs == {} at the time show() is called
show() {
!this.fullscreen && !this.hideOverlay && this.genOverlay(); // Double nextTick to wait for lazy content to be generated
this.$nextTick(() => {
this.$nextTick(() => {
if (!this.$refs.content.contains(document.activeElement)) {
this.previousActiveElement = document.activeElement;
this.$refs.content.focus();
}
this.bind();
});
});
},
Update 2
I've tracked it down a few hours now. It's something to do with the lazy content generation, not going off on the extended template.
Environment
Vuetify Version: 2.6.0
Last working version: 2.5.14
Vue Version: 2.6.14
Browsers: Edge 99.0.1128.0
OS: Windows 10
Steps to reproduce
Expected Behavior
Additional check if this.$refs.content is not undefined
Actual Behavior
Reproduction Link
https://codepen.io/
The text was updated successfully, but these errors were encountered: