question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

FontAwesome 6 `[spin]` and `[pulse]` no longer working

See original GitHub issue

Describe the problem

When using FontAwesome 6 [pulse] and [spin] no longer work.

What did you expect?

I expected to to keep working like it did or have documentation of the breaking change.

Reproducible test case

https://stackblitz.com/edit/angular-ivy-yakahk

I’m using the following packages:

Am I missing something?

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
darrenhollickcommented, Mar 21, 2022

@robmadole Is there a way to override this? We do all of our work via remote, and we can’t signal RDP to allow this animation.

So do we, however as I said there is no way that I know to have Windows set to prefer reduced movement but not have Chrome not set that way.

You certainly can change the setting in Windows which will affect Chrome so you can see your animations through RDP but you’re overall RDP experience maybe a little slower because of all the Windows animations etc.

If you want to try Windows allowing animations in your RDP session here are instructions for Windows 11:

  1. Open Settings (start menu search for “settings”)
  2. In the Settings app search for “animation effects” which should take you to Accessibility > Visual Effects
  3. Toggle “Animation effects” to “On”
0reactions
jhermancommented, Mar 21, 2022

@robmadole Is there a way to override this? We do all of our work via remote, and we can’t signal RDP to allow this animation.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Help and Troubleshooting | Font Awesome Docs
Make sure your system's settings are not preventing the animations. You can check it or change it in user preferences (opens new window)....
Read more >
Font Awesome 5 not spinning icon? - Stack Overflow
I'm trying to get an spinning icon to work for use with an Ajax loading panel but it's not working. <a href="#" class="btn...
Read more >
animating icons fa-pulse incorrectly defined / missing fa-star ...
The class fa-pulse appears to incorrectly defined to use fa-spin keyframes: .fa-pulse { animation: fa-spin 1s infinite steps(8); } ...
Read more >
Font Awesome Intro - W3Schools
Note: IE8 and IE9 do not support CSS3 animations. Rotated and Flipped Icons. The fa-rotate-* and fa-flip-* classes are used to rotate and...
Read more >
Font Awesome v5 alongside Font APEX | Jeff Kemp on Oracle
Not sure – perhaps check your browser Network tab (Ctrl+R to refresh) and check that the resource fa-brands-400.woff2 is being loaded ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found