Hm. Just found this:
https://cloudfour.com/thinks/so-you-can-set-an-svg-circles-radius-in-css/
so you can use custom properties for the radius.
—radius: 5 is not working but —radius: 5px does
Yes, that is exactly the reason. Seems you cannot use custom properties for the circle radius on Safari. So not a gsap problem
thanks for your help guys!
Actually the strokeDasharray animation is the only thing working on iOS .
But all the circles are not showing up, even the non-animated. Perhaps the problem is not gsap but something else like working with css variables.
I will test this and i will also cleanup the codepen!
Thanks for the help!