Firefox使用時にジョブガイドのサイトデザインが崩れる
スレッド名:
Firefox使用時にジョブガイドのサイトデザインが崩れる
詳細:
Firefoxによりジョブガイド・バトルアクション編トップページを表示すると、高い確率で「HEALER/ヒーラー」ブロックのp.js__tile_text要素へ動的にインラインで設定されるheightの値が不正となり、兄弟要素となるulブロックが重なって表示されてしまいます。
https://img2.finalfantasyxiv.com/acc...05dda68fb2.png
レイアウトシフトが発生すると重なりは軽減されますが、p.js__tile_text要素のheightは不正なままです。
具体的には3行ぶんのheightが必要なところ、およそ2行ぶん程度のheightが設定され、overflowしている状態です。ただしリロードを繰り返すと3行ぶんが設定されることもあるようです。
https://img2.finalfantasyxiv.com/acc...7146306bdb.png
あるいはjQuery.tile.jsをご利用かと思われますが、tile()メソッド呼び出し時点で、p.js__tile_textのレンダリングが完了していないのではという印象です。
発生日時:2023年8月11日 13:47
発生箇所:ジョブガイド-バトルアクション編-トップページ https://jp.finalfantasyxiv.com/jobguide/battle/
OS:Windows 10 Pro 22H2、macOS Ventura 13.5
ブラウザ名:Firefox 116.0.2(Windows版、macOS版とも)