Horizontal menu (menubar)

[alekseykurylev]

Hi! How can I make a horizontal menu with a drop-down menu using RAC components. Example https://www.w3.org/WAI/ARIA/apg/patterns/menubar/examples/menubar-navigation/

[snowystinger]

We haven't built anything expressly for that. However, I think you could achieve it with Toolbar + Menus
https://react-spectrum.adobe.com/react-aria/Toolbar.html
https://react-spectrum.adobe.com/react-aria/Menu.html

There may be a conflict with SubMenus when they are eventually supported.

[haidarzhy]

Hi!
@snowystinger Since submenus are officially released, is there correct way to implement such menu?

I've tried to put top-level horizontal menu in just Menu, but it didn't work correctly without Menu trigger.

It's more or less work if top level menus are separate Menu components with each own triggers, but it's missing key feature from @alekseykurylev link:

• if I click on one of submenus and move mouse to the neighbor submenu, popover is closed, and neighbor popover is open automatically

[snowystinger]

We've not tried to build this yet.
Linking together related Issues/Discussions #6441 (comment)