Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Menu: popup causes lose of focus #7054

Open
1 of 4 tasks
cliff-paqt opened this issue Jan 7, 2025 · 0 comments
Open
1 of 4 tasks

Menu: popup causes lose of focus #7054

cliff-paqt opened this issue Jan 7, 2025 · 0 comments
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible

Comments

@cliff-paqt
Copy link

Describe the bug

When navigating using tabs and opening a menu component with popup=true, the expected behavior is for the next tab press to focus on the first menu item. However, after focusing on the menu item, pressing tab again causes the focus to shift to the address bar instead of continuing through the menu.

Pull Request Link

No response

Reason for not contributing a PR

  • Lack of time
  • Unsure how to implement the fix/feature
  • Difficulty understanding the codebase
  • Other

Other Reason

No response

Reproducer

https://stackblitz.com/edit/vitejs-vite-5e8fkebn?file=src%2FApp.vue

Environment

It's also in the Primevue docs on v3 and v4

Vue version

3.4.29

PrimeVue version

4.0.0

Node version

18.20.3

Browser(s)

No response

Steps to reproduce the behavior

  1. Focus an element before the menu button
  2. Navigate with the keyboard to the menu button, open to toggle the popup.
  3. tab again to see the focus being lost

Expected behavior

when tabbing, it's expected to navigate to the first menu item

@cliff-paqt cliff-paqt added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Jan 7, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible
Projects
None yet
Development

No branches or pull requests

1 participant