lds-ripple loader looking bad on safari

[rettiseert]

The lds-ripple effect is not working properly on safari on iOS 15 (at least on my device). The ripples are supposed to fade out as they grow and then disappear, but instead they start fading out and then they are shown in full color just before disappearing.

This is what I expect:

And this is what I see:

Any chance to fix this? Thanks!

[zbryikt]

this unfortunately is likely to be a browser bug. I tried hiding ripples longer and indeed it works but I don't think it will be reliable since it may be related to how frequently Safari renders the animation.

Here is an example that hides and freezes the rings for 5% of total duration at the beginning, followed by the original animation:

https://codepen.io/plotdb/pen/rNpRYXV

Guess I can still patch with this example since it makes almost no visual difference with the original effect.

[zbryikt]

fixed by 3e7c192
released as v2.0.2
https://github.com/loadingio/css-spinner/releases/tag/v2.0.2