vuetifyjs / vuetifyjs/vuetify

[Bug Report][3.7.15] VMenu closes when closing a VDialog with a "open-on-hover" prop

Open
#21,064 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

C: VMenu C: VOverlay T: bug
Dominant language
TypeScript
Stars
41k
Forks
7.1k
Avg merge
1d 21h
Merged PRs (30d)
11

Description

Environment

Vuetify Version: 3.7.15
Vue Version: 3.5.13
Browsers: Google Chrome
OS: Windows

Steps to reproduce
  1. Open the menu and move the mouse over "Menu item 1"
  2. Click on the "Sub item 1" to open the VDialog
  3. Close the VDialog
Expected Behavior

Menu should remain open

Actual Behavior

Menu closes instantly

Reproduction Link

https://codesandbox.io/p/devbox/2kkx98

Other comments

When using "open-on-click" instead of "open-on-hover" on the dialog activator, the menu does not close.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked CodeSandbox reproduction and trace the interaction between VMenu, its open-on-hover behavior, and the VDialog opened from a submenu item. Reproduce the issue in Chrome, then identify why closing the dialog closes the menu. Done means the menu remains open after the dialog closes while preserving the reported open-on-click behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.