症状
Firefox 80.0 以降、ページローディング中にタブに表示されるファビコンが、読込中を示す青い「砂時計」アイコンになりアニメーションするようになった。
対象はWindows7、Windows8、Windows10、その他OSと幅広く出ているようで、これがうっとおしく感じる方が多いようです。
原因
同時に「俺の環境では砂時計になんてなってないぞ」という方もかなり居ます。
この症状の出ていないのは、Windows(OS)側の設定で「アニメーション表示設定をオン」にしている方で、”アニメーションをオンにしている時に砂時計は表示されない”という現象になっています。
どうやら80.0から、このOSのアニメーション設定をローディング中の状態表示に反映するように変更した模様です。
対策
対策としては、簡単なもの(OS設定の変更)とFirefoxの設定をいじるものとの2通りあります。
順番に見ていきましょう。
1.OS設定の変更
上で述べたように、OSのアニメーション表示設定を変更すれば砂時計は消え今まで通りの表示になります。まずはこの設定を試してみましょう。
- Windows 10:設定 > 簡単操作 > ディスプレイ > Windowsにアニメーションを表示する
- Windows 7: コントロールパネル > コンピューターの簡単操作センター > コンピューターでの作業に集中しやすくします > 必要のないアニメーションは無効にします (可能な場合)
- macOS: システム設定 > アクセシビリティ > 表示 > 動きの抑制
- iOS: 設定 > 一般 > アクセシビリティ > 視覚効果を減らす
- Android 9 以上: 設定 > ユーザー補助 > アニメーションの削除
これで砂時計表示はなくなるはずです。
参考)prefers-reduced-motion – CSS: カスケーディングスタイルシート | MDN
2.Firefoxの設定で対応する
次はFirefox側の設定で乗り切ろうという方法です。
特にPC環境があまり高速ではない場合などOSアニメーションをオンにしたくない場合などは、こちらが良いでしょう。ただし、こちらは一時的な対応であって今後再対応を求められる可能性があるのではないかと思われます。
- Firefox で「about:config」を開く ※警告が出る場合があります
- 「ui.prefersReducedMotion」と入力します
- (既存設定がない場合は)型を選択する表示が出ますので、”整数値”を選び、右の「+」を押します ※初期値は真偽値です
- テキスト入力になるので「1」を入力し、右のチェックを押して完了します ※デフォルトは「0(ゼロ)」
- 以上です ※Firefoxの再起動も不要です