Skip to content

[Bug Report][3.4.10] v-menu closes unexpected when using open-on-hover with delays set to 0Β #21591

@pfasse-salt

Description

@pfasse-salt

Environment

Vuetify Version: 3.8.9
Last working version: 3.4.9
Vue Version: 3.5.13
Browsers: Chrome 136.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

  • use v-menu with "open-on-hover", open-delay and close-delay set to 0
  • focus activator via tab-key -> menu opens
  • use arrow-down to select the first list-entry -> selection happens, but menu gets closed

Expected Behavior

Menu doesn't get closed when navigating to an entry of the list.

Actual Behavior

Menu gets closed.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Maybe interesting:

When using transition="slide-x-transition" the problem only occurs when using the keyboard - mouse is fine (see reproduction link).
With the default-transition the menu closes immediately when you try to access a list-entry via mouse.

Problem exists since version 3.4.10 until now (3.8.9), 3.4.9 was fine.

Workaround:
Set delays to 1 instead of 0.

Metadata

Metadata

Assignees

Labels

C: VOverlayT: bugFunctionality that does not work as intended/expectedT: regressionSomething that used to work but we brokea11yAccessibility issue

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions