[Bug]: Spinner component is not loading sometimes under Edge browser

[xhywxtt]

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: Windows 10 10.0.19045
    CPU: (20) x64 Intel(R) Core(TM) i9-10900X CPU @ 3.70GHz
    Memory: 10.62 GB / 31.72 GB
  Browsers:
    Edge: Chromium (120.0.2210.91), ChromiumDev (121.0.2277.4)
    Internet Explorer: 11.0.19041.3636
    Chrome: 120.0.6099.130

Are you reporting Accessibility issue?

None

Reproduction

https://react.fluentui.dev/?path=/docs/components-spinner--default

Bug Description

Actual Behavior

The icon of Spinner is loading under Chrome browser, but it is not loading under Edge browser sometimes.

• Chrome:

• Edge:

Expected Behavior

The icon of Spinner should be loading.

Note: this bug can be easily repro on fluentui document: https://react.fluentui.dev/?path=/docs/components-spinner--default

Logs

No response

Requested priority

High

Products/sites affected

Wallet Express Checkout in Edge browser

Are you willing to submit a PR to fix?

no

Validations

• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] The provided reproduction is a minimal reproducible example of the bug.

[micahgodbolt]

The spinner works fine in my version of edge. You probably have 'prefers reduced animation' turned on in your windows or browser settings

[xhywxtt]

I have checked my windows settings:

And I cannot find settings on browser

However, from my side, each time it's different. Sometimes it works on chrome but didn't work on Edge. Sometimes it works well on Edge. Sometimes it cannot work for both Edge and Chrome

[microsoft-github-policy-service[bot]]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes. Still require assistance? Please add comment - "keep open".

[layershifter]

@xhywxtt when it reproes, please evaluate window.matchMedia("(prefers-reduced-motion)").matches in the browser's console and check what it returns. If it's true => motion is reduced according to OS/browser settings and it's expected.

[microsoft-github-policy-service[bot]]

This issue has been automatically marked as stale because it has marked as requiring author feedback but has not had any activity for 4 days. It will be closed if no further activity occurs within 3 days of this comment. Thank you for your contributions to Fluent UI!