よくある原因
報告を受けただけでは「Firefox全バージョンで崩れるのか」「特定バージョンだけか」「ズーム設定が原因か」「拡張機能が干渉しているか」が不明です。確認依頼なしに修正を始めると、原因でない部分を修正して問題が残ることがあります。まず相手から環境情報を得ることが、最短解決への第一歩です。
Firefoxの場合、CSS GridよりもFlexboxとの組み合わせ問題や、`overflow: auto`をGrid子要素に使ったときの高さ計算の差が原因になることがあります。「GridがChromeで崩れた」という報告でも、原因がGrid自体でなく親要素のFlexbox設定のこともあります。依頼メッセージでスクリーンショットを求めると、こうした複合原因の絞り込みが早まります。
- 相手がログインなしで開ける状態か確認する
- PCとスマホで最低1回ずつ表示を確認する
- 内部情報・個人情報・不要な外部送信が残っていないか見る
- レビュー期限と修正時の差し替え方を決めておく
自分側で確認すること
相手へのメッセージを送る前に、自分のFirefoxで同じURLにアクセスし問題を再現できるか試みます。再現できれば「こちらでも確認できました。原因を調査中です」とまず伝え、相手に何度も確認を求めずに済みます。再現できない場合は「弊方のFirefoxでは表示を確認できませんでした」と正直に伝え、環境差の調査を依頼します。
自分のFirefoxがInPrivateモードでも崩れるか確認します。InPrivateで正常ならば拡張機能の干渉が原因です。その場合は相手にも「Firefoxのプライベートウィンドウ（Ctrl+Shift+P）で開いた場合はどう見えますか？」と確認を依頼します。これにより相手環境の拡張機能問題を切り分けられます。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
相手側で確認すること
確認依頼メッセージに含める質問の例：「①Firefoxのバージョン（アドレスバーに`about:support`と入力→Firefox バージョン欄を確認）、②現在のページのズーム設定（Ctrl+0でリセット後に表示が変わるか）、③プライベートウィンドウ（Ctrl+Shift+P）で開いた場合の表示、④崩れている箇所のスクリーンショット（Firefoxのスクリーンショット機能：F12→スタイルエディター左のカメラアイコン）。」
返答でFirefoxバージョンが115未満のESRの場合、`subgrid`や`container queries`などの新機能が問題なら修正が必要です。ズームリセットで解消した場合は「ズームを100%に設定してご確認いただくか、弊方でズームに依存しないfr単位のレスポンシブ対応版に修正します」と選択肢を提示します。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
再発防止の運用
Firefox崩れの確認依頼文をテンプレート化してチームの共有ドキュメントに保存します。内容は「①バージョン確認手順、②ズームリセット手順、③プライベートウィンドウ確認手順、④スクリーンショット手順」を段階別に書いたものにします。このテンプレートを使い回すことで、担当者によって依頼の質にバラツキが出なくなります。
ギガサイト便でURLを共有する際、メモ欄やSlackのスレッドに「Firefox確認：○月○日実施済み、バージョン○○で問題なし」と記録します。後から問い合わせが来た際に、いつ・何のバージョンで確認したかがすぐ参照でき、追加確認が必要かどうかを即座に判断できます。
- HTML内の外部script・form action・iframeを確認する
- APIキーやトークンらしき文字列がないか検索する
- 画像・CSS・JSのパスが公開後も解決できるか見る
- noindexと認証を混同せず、必要なら両方設定する
よくある質問
相手が「Firefoxで崩れています」とだけ伝えてきて詳細を教えてくれない場合はどうすればよいですか？
「確認のため3点教えてください」と番号付きリストで短く依頼するのが最も返答を得やすいです。「①バージョン、②スクリーンショット、③プライベートウィンドウでの表示」の3点だけに絞ると、相手の負担を最小化しながら原因特定に必要な情報を引き出せます。
確認依頼を送らずに自分でCSSを修正してしまっても問題ありませんか？
修正自体は問題ありませんが、原因が拡張機能やズーム設定にあった場合は修正が不要だった作業になります。Firefoxの修正は実装コストが低くないため、まず確認依頼で切り分けを済ませてから対応するほうが効率的です。
ギガサイト便のURLを差し替えた後、相手に再確認をお願いする適切な伝え方はありますか？
「Firefox Gridの表示崩れを修正し、先ほどと同じURLで反映しました。お手数ですがCtrl+Shift+Rで強制リロードして再度ご確認いただけますか」と伝えます。強制リロードの手順を含めることで、キャッシュが残った古い状態で確認されるミスを防げます。