I’m trying to prototype a pretty basic dropdown interaction where a user can hover over a menu item which triggers an overlay dropdown menu. Dribbble menu is the perfect example of what I’m trying to do.
When mouse enters the menu item, user can navigate the dropdown no problem.
However, and that’s when problems start:
- After the first dropdown is triggered, I am not able to hover any further items in the navbar, I have to click to enable the next interaction
- Items interactions inside the dropdown are deactivated (not possible to click any link)
I tried several workarounds (eg. when mouse leaves overlay, it closes it but items are still not clickable inside the components and everything is jumpy)
Does anyone else experience this? Will this be handled by Figma someday?