Skip to content

feat(design): support nested submenus in menu - #4669

Open
xelaint wants to merge 1 commit into
developfrom
feat/nested-menu
Open

feat(design): support nested submenus in menu#4669
xelaint wants to merge 1 commit into
developfrom
feat/nested-menu

Conversation

@xelaint

@xelaint xelaint commented Aug 19, 2026

Copy link
Copy Markdown
Member

PR Checklist

  • Commit message follows our contributing guidelines
  • Tests added/updated (for bug fixes/features)
  • Documentation added/updated (for bug fixes/features)

PR Type

  • Bug fix
  • Feature
  • Style update
  • Refactor
  • Test
  • Build
  • CI
  • Docs
  • Performance
  • Other (please describe)

Current behavior

Fixes: #4559

New behavior

  • Add daffMenuActivator to a <daff-menu-item> to open a submenu from that item. Submenus open on hover by default. trigger="click" opens them on click instead.
  • New trigger property to set opening submenus either on click or hover.
  • Add keyboard interactions for submenu:
    • Right arrow opens submenu and moves focus into it
    • Left arrow returns to the parent item
    • Escape closes one level at a time
  • A parent item shows a chevron and aria-haspopup="menu"
  • Only one submenu of a menu is open at a time, and all open menus close when focus leaves them, on Tab, or on backdrop click

Breaking change?

  • Yes
  • No

Additional context

@xelaint
xelaint requested a review from damienwebdev August 19, 2026 21:15
@xelaint
xelaint requested review from a team as code owners August 19, 2026 21:15
@xelaint xelaint added package: design @daffodil/design status: pending review This PR is awaiting review or response from a reviewer before the author can proceed. labels Aug 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

package: design @daffodil/design status: pending review This PR is awaiting review or response from a reviewer before the author can proceed.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add support for nested menus to @daffodil/design/menu

1 participant