gsap.set not woking in safari

[Wewe 0 Likes (Newbie)]

this.iconTL = gsap.timeline({repeat: -1});

this.flashItems.forEach(item => {

this.iconTL.set(item, {display: 'block'}, '<').set(item, {display: 'none'}, '>.3');

})

See the Pen bGvmbGW by weweloo (@weweloo) on CodePen

[GreenSock 18,876 Likes (Superhero)]

Hi @Wewe. Seems to work fine: 

See the Pen KKoBOxZ by GreenSock (@GreenSock) on CodePen

 

Please make sure you always provide a minimal demo if you'd like some help. 

 

Good luck! 👍

[Wewe 0 Likes (Newbie)]

Thanks for your help.

I added the codepen to my topic, I used the <use> tag for my svg element, and is not working on safari.

[GreenSock 18,876 Likes (Superhero)]

That has nothing to do with GSAP. You can verify that by removing GSAP from the equation and set the values directly. It's a Safari rendering issue. 

 

One solution seems to be setting a transform value like "x" or "rotation" to something (even a tiny amount): 

See the Pen qBoJBda by GreenSock (@GreenSock) on CodePen

[Wewe 0 Likes (Newbie)]

that's pretty, many thanks