Skip to main content
Ricky_Maulana
Ricky_Maulana
New Member
January 16, 2026
Question

2 interactions on one component

  • January 16, 2026
  • 3 replies
  • 164 views

I want to make a menu with 2 state (default and hover state), so I made a component for that and it works fine. but I also want that component when I hover it will open an overlay. so, I need the two interaction working at the same time when I hover it.

It actually work. but there is maybe a bug or I don’t know for sure. so, when I hover the menu, it does making teh two interaction (change state and open an overlay), but when I drag away my mouse, the overlay doesn’t close by it self as I expected. is this a bug? or I miss something?

please anyone if you know how to fix this, thanks in advance.

3 replies

Freddy
Freddy
New Participant
January 16, 2026

Hey, you also have the option to trigger a interaction on mouste enter and mouse leave. Usually that is my go to when using hover animations aswell. Also check out the community files: https://www.figma.com/files/team/1286936001195383975/resources/community/search?query=dropdown%20on%20hover&resource_type=files&editor_type=figma&price=all&sort_by=relevancy 
Wouldn’t be surprising to find a working prototype setup for your exact case in there.

    Ricky_Maulana
    Ricky_MaulanaAuthor
    New Member
    January 18, 2026

    Thank you ​@Freddy for your answer. nice insight for me. but for my problem, I came for a quick and very easy solution.
    So, the menu component that has 2 state with hover interaction I group it. then I make the open overlay interaction in the group (not the component inside). then boom, it is working perfectly as I want.

     

      JaiJaiJai
      JaiJaiJai
      New Member
      April 30, 2026

      U saved my group project, thank you for the insight. 

      Terms & ConditionsAccessibility statement