Skip to main content
Solved

How do I prevent popup from hiding while hovering

  • November 19, 2024
  • 5 replies
  • 45 views
Isaac_VanDyne

I want this component to operate like a gwern hoverlink – When I hover over the text, the popup should appear. If I move my mouse away from the text and the popup, it should hide again. BUT – if move my mouse over the popup it should continue to stay visible, until the mouse leaves the popup.

I actually think this used to work by simply adding a delay to the mouseLeave interaction on the text but this no longer works – the popup will hide even if my mouse is in it. A recent update (2-3 weeks ago) changed this behavior.

Any solutions?

Screenshot 2024-11-19 at 11.51.48 AM

Best answer by KennLucas

I made this work exactly the way you have it done.

I DELETED YOUR MOUSE LEAVE interaction off “type=squash, hover=on” and I RECREATED IT with exactly the same specs as you have.

It worked fine.

Two thoughts…

  1. Clear your cache. If that doesn’t work, then…
  2. Delete the interaction and recreate it.
Figma Learn - Help Center
View original
This topic has been closed for replies.

5 replies

KennLucas
  • KennLucas
  • 224 replies
  • November 19, 2024

A recent update to WHAT a few weeks ago?

From that screenshot it has mouse leave on the actual link that you hover. That would close the overlay if we understand the screenshot.

Can you share the file?

Isaac_VanDyne
  • Isaac_VanDyne
  • Author
  • New Member
  • 7 replies
  • November 20, 2024

Link to design file

Link to prototype

Screenshot 2024-11-19 at 6.25.48 PM

I have a delay of 200ms on the link’s mouseleave interaction. This used to allow me to move my mouse to over the popup and it would continue showing until my mouse left the popup. Now it disappears even when my mouse is in the popup.

KennLucas
  • KennLucas
  • 224 replies
  • Answer
  • November 20, 2024

I made this work exactly the way you have it done.

I DELETED YOUR MOUSE LEAVE interaction off “type=squash, hover=on” and I RECREATED IT with exactly the same specs as you have.

It worked fine.

Two thoughts…

  1. Clear your cache. If that doesn’t work, then…
  2. Delete the interaction and recreate it.
Figma Learn - Help Center
Isaac_VanDyne
1 person likes this
  • Isaac_VanDyne
    Isaac_VanDyne
Isaac_VanDyne
  • Isaac_VanDyne
  • Author
  • New Member
  • 7 replies
  • November 20, 2024

pretty frustrated that that worked perfectly. Thanks KennLucas!

KennLucas
1 person likes this
  • KennLucas
    KennLucas
KennLucas
  • KennLucas
  • 224 replies
  • November 20, 2024

Awesome.

Isn’t it though?!

I have to clear my cache every time I publish a new robust component.

Terms & ConditionsCookie settingsAccessibility statement

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