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

[Bug]: Keyboard navigation of menu items doesn't start with the first item #4557

Open
1 task done
Rajdeepc opened this issue Jun 12, 2024 · 1 comment
Open
1 task done
Assignees
Labels
bug Something isn't working Component: Action Menu

Comments

@Rajdeepc
Copy link
Contributor

Code of conduct

  • I agree to follow this project's code of conduct.

Impacted component(s)

Menu-item, Picker

Expected behavior

When navigating the menu-items with keyboard of Action Menu the first menu item should be highlighted and not start with the second one.

Actual behavior

Should the first item be highlighted on keyboard navigation of Menu or Picker items?

Screenshots

Screenshot 2024-06-12 at 3 36 46 PM

What browsers are you seeing the problem in?

Firefox, Chrome, Safari, Microsoft Edge

How can we reproduce this issue?

  1. Go to https://opensource.adobe.com/spectrum-web-components/storybook/index.html?path=/story/action-menu--default
  2. Click on the action-menu
  3. Press Arrow Key down on your keyboard to navigate to the menu-items
  4. Check the navigation will start from the second item

Sample code that illustrates the problem

No response

Logs taken while reproducing problem

No response

@Rajdeepc Rajdeepc added bug Something isn't working triage An issue needing triage labels Jun 12, 2024
@Rajdeepc Rajdeepc added Component: Action Menu and removed triage An issue needing triage labels Jun 12, 2024
@nikkimk
Copy link
Contributor

nikkimk commented Jun 12, 2024

@Rajdeepc When I compare it to https://www.w3.org/WAI/ARIA/apg/patterns/menu-button/examples/menu-button-actions/ I get the same behavior:

  1. Focus on menu.
  2. Arrow down. Menu is open and first item has visible focus.
  3. Arrow down. Visible focus moves from first to second item.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Component: Action Menu
Projects
None yet
Development

When branches are created from issues, their pull requests are automatically linked.

2 participants