Hover state animation for SVG behaves differently for SVGs than other objects

Jun 08, 2023

Hi,

In the attached file are three objects: an imported SVG, a PNG, and a native drawing object (ellipse). Each has a hover state that includes another object with fade in/out animations. For the PNG and the ellipse, this works as expected, but for the SVG the hover state object does not fade in and remains on screen after the cursor leaves the object.

Is there a reason for this behaviour that I'm missing? All the object states were created in exactly the same way.

1 Reply
Lauren Connelly

Hello Douglas!

Unfortunately, you are running into a bug that we've already logged with our team! We also find that built-in or custom states are not working with SVGs. 

I've linked this discussion to our report so we can update you when a fix is released. In the meantime, the workaround is to save the SVG as a PNG file if you're looking to add states.

Sorry for the trouble!