MS Edge SVG animation not working properly

[candybanners]

Hi Guys, 

Good Day, 

I'm having an issue on MS Edge where it doesn't render the animation properly without any user interaction. Sample of interaction is resizing and clicking on the image itself.



P.S. The animation is working properly in MS IE 11.

See the Pen paKero by denezra (@denezra) on CodePen.

Edited February 22, 2018 by candybanners
Forgot the code link.

[PointC]

Hi @candybanners

 

It looks like Edge doesn't like the way you structured your clip path. If you add the rectangle directly to the clip-path without using <use> it seems to work just fine in all browsers.

 

See the Pen OQEaBO by PointC (@PointC) on CodePen.

 

Hopefully that helps. Happy tweening.

 

[candybanners]

Hi PointC,

Thanks this works.