Skip to main content
Solved

Hover state not disappearing

  • August 18, 2022
  • 9 replies
  • 2247 views

Evan8

I have seen similar issues others have had, but this one is a little more specific.

I have a button that triggers a slide out overlay frame.
I gave the button a hover state.
After closing the slide out overlay frame the hover state frame is still present on the button and no other actions can be taken ie. other buttons and hover states cannot be interacted with.

I tried adding mouse leave interactions but the problem still persisted.

Anyone else have this issue or know of a fix?

Thanks.

Best answer by Avokadomos

I see how you’ve done it now. Overlays aren’t really supposed to be used to change states of a button. It should done using interactive components. Place the button as an instance in your frame, and then link it to open the slide menu.

Here’s a demo:

View original
This topic has been closed for comments

9 replies

Klesus
  • 237 replies
  • August 19, 2022

Have you tried swapping hover trigger to mouse enter?


Avokadomos
  • Active Member
  • 377 replies
  • August 19, 2022

I cannot reproduce this. Can you share a design where this issue persists?


Evan8
  • Author
  • 5 replies
  • August 19, 2022

Just tried this and same results. Thanks though.


Evan8
  • Author
  • 5 replies
  • August 19, 2022


This shows the hover state with a tooltip, when clicked the next image shows the slide out menu. then when the menu is closed the hover state persists and you can’t interact with anything else on the page.


Avokadomos
  • Active Member
  • 377 replies
  • August 29, 2022

I’ve built it how you’ve explained it, but still can’t reproduce this. Can you share a link to a design file that demonstrates the issue?


Evan8
  • Author
  • 5 replies
  • August 29, 2022
Figma – 29 Aug 22

This file is just the frame where it occurs.


Avokadomos
  • Active Member
  • 377 replies
  • Answer
  • August 30, 2022

I see how you’ve done it now. Overlays aren’t really supposed to be used to change states of a button. It should done using interactive components. Place the button as an instance in your frame, and then link it to open the slide menu.

Here’s a demo:


Evan8
  • Author
  • 5 replies
  • August 30, 2022

Ahh I see, Thanks so much for your help!


Avokadomos
  • Active Member
  • 377 replies
  • August 30, 2022

You’re welcome! Consider clicking the checkbox under my previous reply to mark your topic as solved. ✔️


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings