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

[Navigation Menu] [Accessibility] [Firefox-specific] Keyboard focus not landing on first element in bar #3396

Open
ellevargas opened this issue Feb 26, 2025 · 0 comments

Comments

@ellevargas
Copy link

ellevargas commented Feb 26, 2025

Bug report

Current Behavior

I've got a NavBar component that follows the pattern laid out in the Navigation Menu primitive; the component has a Home link, a Login trigger, and a Contact trigger. When a keyboard user tabs into the space, Login is highlighted first even though it is the second item in the bar. Home can be tabbed back to, but it doesn't receive the initial focus the way it should.

This is only happening in Firefox. Chrome appears unaffected.

Image

Expected behavior

A keyboard user tabbing into the space should see the first link in the NavBar - Home - focused first.

Reproducible example

CodeSandbox template

Suggested solution

Additional context

Your environment

Software Name(s) Version
Radix Package(s) radix-ui/react-navigation-menu 1.2.5
React n/a 19.0.0
Browser Firefox 135.0.1
Assistive tech n/a
Node n/a 23.2.0
npm/yarn npm 10.9.0
Operating System MacOS Sequoia 15.3.1
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant