Feature: Menu Component

[decepulis]

Implement a generic Menu compound component with radio group selection. Foundation for CaptionsMenu (#499), QualityMenu (#503), and PlaybackRateMenu (#623). Includes core logic, DOM props builder, and React/HTML implementations.

Extends Popover (#220) for positioning and interaction. ARIA menu roles, keyboard navigation, and focus management.

References

• Base UI: Menu
• Radix: Dropdown Menu
• Radix: Radio Group
• Vidstack: Menu
• Vidstack: Radio Group
• Media Chrome: Settings Menu

[github-actions]

Triage notes

Blocker resolved: #220 (Popover) is closed — this issue is unblocked and ready to be scheduled.

Epic linkage: This implementation issue should be tracked as a sub-issue of the [26.2] epic #500 (epic: menu components), which is on the roadmap. #499, #503, and #623 all list #500 (Menu) as their blocker — confirm whether they should reference this issue instead, or whether #500 continues to serve as both the epic and the blocker reference.

Priority: Added P1 — this is a direct blocker for CaptionsMenu (#499, P1).

Related planning gaps to consider alongside this:

• Feature: Add Menu Styling #591 (Skins: Add menu styling) — skin integration will need to align with whatever DOM structure this component produces.
• Bug: Volume Popover in Skins Should Clean Up ARIA Attributes When Unsupported #1021 (fix(html): volume popover aria cleanup, P2) — adjacent a11y work that may share patterns with menu focus management.