Skip to content

Keyboard focus is getting lost after closing the menu control using escape key in windows. #22560

@msftedad

Description

@msftedad

Environment

Vuetify Version: V3.11.7
Vue Version: V3.5.27
OS: Windows 11 version 25H2 (OS Build 26220.7653)
Browser: Edge (Version 145.0.3800.22), Chrome (Version 144.0.7559.110)
URL: https://vuetifyjs.com/en/components/menus/#positioning-menus-with-coordinates

User Impact:
Keyboard users will be impacted because the focus gets lost after closing the menu with the Escape key, making it difficult to understand where they are on the page. This causes confusion, breaks navigation flow, and slows down task completion.

Repro Steps:

  1. Open the URL: https://vuetifyjs.com/en/components/menus/#positioning-menus-with-coordinates in edge/chrome in windows.
  2. 'Menu Component' page will appear.
  3. Press tab key to navigate to 'Menu' control and activate it using enter key.
  4. Press Escape key to close the 'menu' control.
  5. Verify whether keyboard focus is getting lost after closing the menu control using escape key or not.

Actual Result:
Keyboard focus is getting lost after closing the menu control using escape key in windows.

Refer Attachment:

  1. Keyboard focus is getting lost after closing the menu control using escape key in windows.png
  2. Keyboard focus is getting lost after closing the menu control using escape key in windows.mp4

https://github.com/user-attachments/assets/6ca95a69-1c74-4468-826d-09387ad389db
Image

Expected Result:
Keyboard focus shouldn't be lost after closing the menu control using escape key. Keyboard focus should retain back to the 'menu' control in windows.

Metadata

Metadata

Assignees

No one assigned

    Labels

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

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions