mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-05-03 04:52:06 +02:00
e7de5cb4d2
This patch makes a few changes to the way we calculate line-height: - `line-height: normal` is now resolved using metrics from the used font (specifically, round(A + D + lineGap)). - `line-height: calc(...)` is now resolved at style compute time. - `line-height` values are now absolutized at style compute time. As a consequence of the above, we no longer need to walk the DOM ancestor chain looking for line-heights during style computation. Instead, values are inherited, resolved and absolutized locally. This is not only much faster, but also makes our line-height metrics match those of other engines like Gecko and Blink.
36 lines
2.4 KiB
Plaintext
36 lines
2.4 KiB
Plaintext
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
|
BlockContainer <html> at (1,1) content-size 798x20 [BFC] children: not-inline
|
|
BlockContainer <body> at (10,10) content-size 780x2 children: not-inline
|
|
BlockContainer <div> at (11,11) content-size 500x0 positioned children: not-inline
|
|
BlockContainer <h1> at (12,45.5) content-size 498x332 positioned [BFC] children: inline
|
|
line 0 width: 498, height: 332, bottom: 332, baseline: 43.484375
|
|
frag 0 from BlockContainer start: 0, length: 0, rect: [13,46.5 496x330]
|
|
BlockContainer <span> at (13,46.5) content-size 496x330 inline-block [BFC] children: inline
|
|
line 0 width: 246.484375, height: 55, bottom: 55, baseline: 42.484375
|
|
frag 0 from TextNode start: 0, length: 9, rect: [13,46.5 246.484375x55]
|
|
"Skew is a"
|
|
line 1 width: 240.53125, height: 55, bottom: 110, baseline: 42.484375
|
|
frag 0 from TextNode start: 10, length: 10, rect: [13,101.5 240.53125x55]
|
|
"web-first,"
|
|
line 2 width: 377.9375, height: 55, bottom: 165, baseline: 42.484375
|
|
frag 0 from TextNode start: 21, length: 14, rect: [13,156.5 377.9375x55]
|
|
"cross-platform"
|
|
line 3 width: 314.015625, height: 55, bottom: 220, baseline: 42.484375
|
|
frag 0 from TextNode start: 36, length: 11, rect: [13,211.5 314.015625x55]
|
|
"programming"
|
|
line 4 width: 415.734375, height: 55, bottom: 275, baseline: 42.484375
|
|
frag 0 from TextNode start: 48, length: 16, rect: [13,266.5 415.734375x55]
|
|
"language with an"
|
|
line 5 width: 492.671875, height: 55, bottom: 330, baseline: 42.484375
|
|
frag 0 from TextNode start: 65, length: 20, rect: [13,321.5 492.671875x55]
|
|
"optimizing compiler."
|
|
TextNode <#text>
|
|
|
|
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
|
PaintableWithLines (BlockContainer<HTML>) [0,0 800x22] overflow: [1,1 798x377.5]
|
|
PaintableWithLines (BlockContainer<BODY>) [9,9 782x4] overflow: [10,10 780x368.5]
|
|
PaintableWithLines (BlockContainer<DIV>) [10,10 502x2] overflow: [11,44.5 500x334]
|
|
PaintableWithLines (BlockContainer<H1>) [11,44.5 500x334]
|
|
PaintableWithLines (BlockContainer<SPAN>) [12,45.5 498x332]
|
|
TextPaintable (TextNode<#text>)
|