Navbar Dropdown Menu (Hover Menu)

[neelsudhakaran]

Hi everyone! I was working to make a Navbar Dropdown menu using Ark UI, but I'm struggling to find the best way of doing so. I got something working with the HoverCard component, but when tabbing through the Navbar links, I can't tab through those in the menu.

This is understandable, I thought, as I needed to pair the HoverCard with a Menu component. I tried this, and then everything broke. Can anyone guide me on the best way to go about this? A minimal example, or honestly any sort of guidance, would be greatly appreciated!

In advance, thank you so so much for your time!

[lilouartz]

Did you figure it out?

[lilouartz]

Alternatively.. how can I have one of the menu items as a link?

[cschroeter]

@lilouartz

From an accessibility standpoint, there's more to address than it might seem, but it's on our agenda. If you're okay with the current limitations, you can try using a list of links with popovers.

[lilouartz]

I actually managed to build something that works quite well just using the menu component. You can see it here if you click on the "Supplements" item of the menu. https://pillser.com/