VoiceOver Navigation Issue on Menubar Component (Safari) #3699
Description
Bug report
Current Behavior
In Safari:
- When entering the menubar and pressing VO + Right Arrow, VoiceOver jumps directly to the end of the menubar, instead of moving sequentially through the menu items.
- When pressing VO + Left Arrow, VoiceOver iterates through menu items correctly, but only in reverse order.
- Pressing VO + Spacebar does not open any menu content. (It works correctly when a custom click handler is used.)
These issues only occur in Safari — VoiceOver behaves as expected in Chrome.
Expected behavior
- Pressing VO + Right Arrow should move through the menu items in order, from beginning to end.
- Pressing VO + Spacebar should open the corresponding menu content, consistent with VoiceOver’s standard interaction model.
Reproducible example
Suggested solution
Additional context
Your environment
| Software | Name(s) | Version |
|---|---|---|
| Radix Package(s) | radix-ui | 1.4.2 |
| React | n/a | ^19.0.0 |
| Browser | Safari | 18.6 |
| Assistive tech | Voice Over | |
| Node | n/a | |
| npm/yarn/pnpm | yarn | |
| Operating System | macOS Sequoia | 15.6.1 |