animations documentation seems to be broken

[ristiisa]

Describe the bug
Non of the animations work https://cirrus-ui.netlify.app/animations/animated-styles
Seems related but the following fails GET https://cirrus-ui.netlify.app/animations/sw.js -> 404

[Spiderpig86]

Hey @ristiisa. I am not able to reproduce it on my end. Could you share a GIF of this if possible? Thanks!

[ristiisa]

cirrus-animations-not-working.mp4

[ristiisa]

Android, windows and macos firefox, chrome and safari... all have the same behaviour. Only platform that seems to work for me is ios

[Spiderpig86]

That is strange. Just out of curiosity, do you have settings enabled for reduced motion?

[Spiderpig86]

I just tested with the reduced motions flag on and I was able to reproduce the issue you see above. Is there something that may be forcing that behavior on your machines?

[ristiisa]

I referenced this to
https://stackoverflow.com/questions/59708960/how-do-i-change-the-prefers-reduced-motion-setting-in-browsers

It seems that on my second windows machine the animations play out fine and that machine has "show animations" enabled where the other where the animations don't play has this setting disabled.

Both my macs have reduced motion enabled (I think by default as don't remember explicitly enabling them).

ketrabeiketra.mp4

Is this intended behaviour?

[Spiderpig86]

Ah yes that would explain why the animations are not working. Glad we have found the culprit :)