SVG Graphics swap color fills and Drop shadow hover effects doesn’t work

Andreja Forcan shared this problem 35 days ago
Solved

I created prototype that use animated svg triggered by “Set Value” event. While simulations is started animation works perfect but color fills used in svg are shaping without control. How this could be fixed?


Another this is that same button is using drop shadow effect triggered by “on Mouse Enter” event, that works properly in simulation mode, but when it s published it doesn’t work in any browser. Is there any fix for this?

Comments (9)

photo
1

Hello,

Thank you for reaching out and attaching your prototype, could you attach a video of the error that you're experiencing?

I look forward to your response.

Thank you,

-Chloe

photo
1

Hi Chloe,

Thank you for the quick respond. Video is attached with audio explanation.

Thank you,

Andreja

photo
1

Hello,

Thank you for attaching this video, it will be very helpful to us. We are taking a look at the bug that you are running into and will let you know when we've found a solution.

Thank you for your patience,

-Chloe

photo
1

Hello,

The problem with the colors of the SVG images will be fixed next Wednesday. As for the shadows, it's because in version 9 the shadows take into account the transparency of the element. If you make the rectangles to be 'white' instead of 'transparent', then you will see the shadows.

Let me know if this is helpful.

Thank you kindly,

-Chloe

photo
1

Hello,

Thank you so much, I will try that soon and post the comment again.

Thank you,

Andreja

photo
1

Hello,


Issue with the drop shadow is solved, in this case I needed to add additional rectangle transparent that triggers the white one with shadow, but it works well now.


Thank you!

photo
1

Hello,

Happy to help!

photo
1

Hello,

The issue you were experiencing with the animation of the SVGs have been fixed in today's update.

Please let me know if you have any other questions.

Thank you,

-Chloe

photo
1

I tested in Google Chrome and Safari and it works now!

Thank you so much for the fast and successful reaction.

We could consider both issues solved.

Thank you,

Andreja