Hey everyone! 👋
Â
I'm having an issue with a dropdown menu in my navigation component and I can't seem to fix it.
Â
Here's my setup:
- I have a Navigation component with variants (closed and open states)
- The dropdown opens using a **Mouse Enter** interaction with **Change to** action, switching to the open variant
- The Navigation layer is at the very top of the layer hierarchy on the page
Â
The problem is that even though the Navigation is the topmost layer, the section below it (hero section with text and illustrations) is visually overlapping the dropdown when it opens.
Â
I've already tried:
- Checking and disabling **Clip Content** on all parent frames
- Moving the Navigation to the top of the layer panel
Â

Â
