Skip to main content
Question

How can I create interactions within a frame?

  • January 7, 2022
  • 2 replies
  • 1428 views

Will2

I’m having trouble getting an interaction to work with sub-elements within a frame. For example, I’d like to be able to have different differ tool tips pop up when hovering over different sections of this visualization, but it seem to be limited to just triggering when mousing over the parent frame.


This topic has been closed for comments

2 replies

Klesus
  • 237 replies
  • January 8, 2022

I think this one’s tricky, not for making different overlays pop up for different sections, but the fact that you’re dealing with partial donuts. Figma only account for mouse events with rectangular shapes, so you’ll get overlays when you don’t want to.
But first of all, your interactions seem a bit off. Hover has mouse enter and mouse leave baked in, no need to close overlay on mouse leave because hover already does that.
I bet that you haven’t flattened your donuts. Like I said above, Figma only account for mouse events with rectangular shapes, and donuts created with the ellipse tool are rectangular for the full circle, even if only a small percentage is filling the space. Therefore only your topmost donut triggers an overlay.


  • 0 replies
  • February 7, 2022

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.


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