もずはっく日記(2008年3月)

Bug 6069 [text-decoration] 下線等の有無を変更すると再描画に時間がかかる
初回投稿日時: 2008年03月30日20時09分54秒
カテゴリ: Mozilla Core バグ修正
SNS: Tweet (list)

下線等の有無が変わる度にreflowを起こさせて下線等のためのoverflow領域を再計算していたため、パフォーマンスがすごく落ちていた、というバグです。

reflowを起こすとどうしてもパフォーマンスの問題が発生するため、下線や上線をoverflow領域には描画しないようにするしかありませんでした。そこで、フォントの高さよりも外側に下線や上線が描画されるケースではframeの高さ自体を拡張してしまうように仕様を変更しました。このため、例えばMS Pゴシック等では下線の描画領域を確保するため、font-size: 16px;としてあっても、実際には17pxの高さが確保されます。このため、line-height:1em;等と指定して、ものすごくタイトな(CSSにとってはタイトすぎる)レイアウトを行っているサイトではBeta5と次のRC1とではレイアウト結果が変化する可能性があります。

line-height:normal;(デフォルト)の場合はこの変更の影響は全くないのでレイアウト結果が変わることは無いはずです。