Skip to content

[Bug Report][2.6.2] Hiding v-menu before close-delay causes undefined error #14619

@oohira

Description

@oohira

Environment

Vuetify Version: 2.6.2
Vue Version: 2.6.14
Browsers: Chrome 97.0.4692.71
OS: Mac OS 10.15.7

Steps to reproduce

  1. Open Chrome DevTools' Console tab.
  2. Click DROPDOWN menu button and show menu list.
  3. Click HIDE button quickly (to keep menu list shown)
  4. JS error will occur after 1s.

Expected Behavior

JS error does not occur.

Actual Behavior

JS error occurs as following.

vuetify.min.js:6 Uncaught TypeError: Cannot read properties of undefined (reading 'contains')
    at vuetify.min.js:6:129798
(anonymous)	@	vuetify.min.js:6
setTimeout (async)		
runDelay	@	vuetify.min.js:6
mouseLeaveHandler	@	vuetify.min.js:6
invokeWithErrorHandling	@	vue.js:1872
invoker	@	vue.js:2197
original._wrapper	@	vue.js:7591

Reproduction Link

https://codepen.io/oohira/pen/dyVavJx

Other comments

In my real use case, users navigate to a different page (using Vue Router) when clicking the button . For simplicity, the reproducible example hide the v-menu itself.

Metadata

Metadata

Assignees

Labels

C: VMenuT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions