Skip to content

[Bug Report][3.5.1] Nested V-menus not keyboard accessible #19093

Closed
@kmmerc18

Description

Environment

Vuetify Version: 3.5.1
Vue Version: 3.4.7
Browsers: Chrome 120.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Use keyboard controls to put focus on the initial menu activator button. Use the up and down arrow keys to navigate the options in the menu

Expected Behavior

Focus should move to each and every item in the v-menu, and the nested v-menu should not open unless the user presses 'enter' on it

Actual Behavior

The nested v-menu opens as arrow keys are pressed, preventing access to all menu items after the nested v-menu button in the menu list

Reproduction Link

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

Metadata

Assignees

Labels

C: VMenuT: enhancementFunctionality that enhances existing featuresa11yAccessibility issue

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions