スレッド名：
Firefox使用時にジョブガイドのサイトデザインが崩れる

詳細：
Firefoxによりジョブガイド・バトルアクション編トップページを表示すると、高い確率で「HEALER/ヒーラー」ブロックのp.js__tile_text要素へ動的にインラインで設定されるheightの値が不正となり、兄弟要素となるulブロックが重なって表示されてしまいます。


レイアウトシフトが発生すると重なりは軽減されますが、p.js__tile_text要素のheightは不正なままです。

具体的には３行ぶんのheightが必要なところ、およそ２行ぶん程度のheightが設定され、overflowしている状態です。ただしリロードを繰り返すと３行ぶんが設定されることもあるようです。


あるいは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版とも）