Restore on mouse leave issue

Oct 06, 2014

I'm trying to build a pie chart, that upon hover over a section, moves that section apart from the pie and makes information appear. Then I want that to go back to normal when I move off of it. I did this by making the pie group move on a motion path upon hover, and having text appear at the end of the animation.

However, even though the box that says restore on mouse leave, when I leave it jumps back to the original position and does the animation again. This leaves my slice floating when I want it to return to its usual position.

Is this a bug? Any idea how to fix it?

9 Replies

Joanna Kurpiewska

over 9 years ago10/07/14 at 1:29 am (UTC)

Hi Matt

could you attach a .story file?

Matt McGee
Author

over 9 years ago10/07/14 at 6:26 am (UTC)

Slide two, rollover the action slice.

mouseleavebug.story

Joanna Kurpiewska

over 9 years ago10/07/14 at 7:32 am (UTC)

I arranged the animation with a hot spot on it instead using a motion path.

(I've created another pie and another text field)

Did it help you in any way?

mouseleavebugnew.story

Andy Whitman

over 9 years ago10/07/14 at 7:41 am (UTC)

Joanna used States to get at what you are trying to accomplish. You can do that without a hotspot but it is still an inconvenient workaround that I've also had to use. I don't know why the motion path situation doesn't work, so back to your original question, it's either a glitch or something that no one has figured out yet.

But yeah, just create hover states for each piece of the pie and set the state to change when it's hovered over.

Matt McGee
Author

over 9 years ago10/09/14 at 6:34 am (UTC)

Hey Joanna and Walter,

Thanks for your help! The states effect isn't really what I was looking for because I wanted the smooth transition from one to the other. In the end though, I settled for adding a click trigger rather than a hover, as it doesn't have that bug.

I did find an extremely long workaround though that keeps the smoothness of the transition though. But making the hover go to a new layer, and putting a donut around everything BUT the shape, that hides the layer when you mouseover the donut, it does the smooth transition without the glitch. But that was too much effort for this project.

Again, thanks you guys for your help and time!

Leslie McKerchie
Staff

over 9 years ago10/09/14 at 10:58 am (UTC)

Hi Matt! Thanks for sharing your resolution with everyone

Steve Stark

over 8 years ago09/04/15 at 11:42 pm (UTC)

Does anyone happen to have any other solutions to this issue? I'm trying to get an object to "hover" when moused over using a short motion path, but I run into the same problems as Matt. Unfortunately, his workaround won't work based on my design.