Open vkirienko opened 2 years ago
Hi!
Thanks for being part of the Font Awesome Community.
Could you please provide an example that does not require to download a zip file?
https://codesandbox.io/ could do the job, or instead you can create a github repository
Here it is. Hope it helps.
Icons are spinning fine on my machine. Are you experiencing issues with a particular OS / Browser? Did you check browser's development console?
Could you please fill out our bug report template?
Feel free to edit the first post or create a new issue and close this one
Hmmm, it is got to be some kind of corporate policy. It is spinning on my home PC but not on work PC. Need to talk to our desktop team to see what they messed up. :) I'll let you know if I find anything.
In both cases Win10 Pro, Chrome 98, Edge 98.
Closing here, feel free to comment if you have updates
I will take back my comment about corporate policy. When take my sample and fallback to 5.15.4 version of fontawesome animations are working again. I don't see any errors or anything unexpected in dev console and seems like everything looks exactly the same in both cases.
Not sure what else to look for to help to fix.
Any reproducible test case would help.
https://jsfiddle.net/tagliala/4f8gp2wL/2/
Is it possible that the accessibility feature that enables prefers-reduced-motion
media query is enabled on your system?
Ref:
This was it. As soon as I enabled this setting icons started to spin even without page refresh.
In Windows 10: Settings > Ease of Access > Display > Show animations in Windows.
So if I'm reading it correctly you started to use prefers-reduced-motion in v6 and that caused issues. Correct?
I have the same problem on macOS Monterey 12.3 (21E230) Icons are not spinning. Using Chrome/Safari/Firefox Any solution for macOS? Update: I found the problem.
Reduce motion must be uncheck
Any plans to do this feature opt in? Because there are some cases when we do not need to turn off animations i.e: using Remote Desktop by default turns off animations.
Any plans to do this feature opt in? Because there are some cases when we do not need to turn off animations i.e: using Remote Desktop by default turns off animations.
Thanks for this use case.
By "turns off animations", do you mean "sets reduce motion to true"?
Anyway, my thought is: since Font Awesome cannot tell if an animation is important or not, we should assume by default that they are all important and just reduce the speed
By "turns off animations", do you mean "sets reduce motion to true"?
Yep.
Anyway, my thought is: since Font Awesome cannot tell if an animation is important or not, we should assume by default that they are all important and just reduce the speed
The best way would be the ability somehow to configure it. But the idea of just slowing it by default is also good.
Hi,
After upgrade to v6 all spinning icons in my project are not spinning anymore. Can't make it spin even in simple attached file (assuming node_modules folder exists).
Vlad
sample.zip