Forum Discussion
Hover state animation for SVG behaves differently for SVGs than other objects
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.
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!