Essentially, the issue is that a very simple Bootstrap 5 spinner does not spin in Firefox. It works fine in Chromium and all other Bootstrap components work well in Firefox as well.
Here is the html code (identical to Bootstrap docs):
<div class="spinner-border" role="status">
<span class="visually-hidden">Loading...</span>
</div>
I am using Firefox version 102.12.0esr, which I initially thought might be the issue, but upon testing on another machine with version 102.14.0esr, it worked fine. I have looked for updates but none are available, and I am on CentOS 9 Stream.
It seems like there may be some easy fix that I am overlooking. Any help would be appreciated. Thank you in advance.
UPDATE: After following the instructions in this article, I noticed that disabling the reduced motion property in Firefox made the animation slower than expected (tested on another machine). I'm unsure of where this configuration is coming from, but it's definitely not due to a misconfiguration in browser preferences relating to reduced motion.
UPDATE 2: To clarify, the spinner also doesn't work on the official Bootstrap page, suggesting that it could be a browser or configuration issue. Perhaps there is a specific config parameter that needs to be enforced in the code, but I am unsure how to do this, if it is even possible...