mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-19 07:22:21 +00:00
71665fa504
Browsers such as Chrome and Firefox apply an arbitrary scale to the current font size if `normal` is used for `line-height`. Firefox uses 1.2 while Chrome uses 1.15. Let's go with the latter for now, it's relatively easy to change if we ever want to go back on that decision. This also requires updating the expectations for a lot of layout tests. The upside of this is that it's a bit easier to compare our layout results to other browsers', especially Chrome.
57 lines
4 KiB
Text
57 lines
4 KiB
Text
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||
BlockContainer <html> at (0,0) content-size 800x260 [BFC] children: not-inline
|
||
BlockContainer <body> at (8,8) content-size 784x244 children: not-inline
|
||
BlockContainer <div.outer> at (34,34) content-size 400x70 [BFC] children: not-inline
|
||
BlockContainer <div.inner> at (35,35) content-size 400x100 children: inline
|
||
frag 0 from TextNode start: 0, length: 47, rect: [35,35 382.296875x18] baseline: 13.796875
|
||
"This should be scrollable vertically because of"
|
||
frag 1 from TextNode start: 48, length: 12, rect: [35,53 93.4375x18] baseline: 13.796875
|
||
"the padding."
|
||
TextNode <#text>
|
||
InlineNode <span>
|
||
BlockContainer <(anonymous)> at (8,130) content-size 784x0 children: inline
|
||
TextNode <#text>
|
||
BlockContainer <div.outer> at (34,156) content-size 400x70 [BFC] children: not-inline
|
||
BlockContainer <div.inner> at (35,157) content-size 400x100 children: inline
|
||
frag 0 from TextNode start: 0, length: 46, rect: [35,157 373.796875x18] baseline: 13.796875
|
||
"This padding represents, within the scrollable"
|
||
frag 1 from TextNode start: 47, length: 46, rect: [35,175 370.875x18] baseline: 13.796875
|
||
"overflow rectangle, the box’s own padding so"
|
||
frag 2 from TextNode start: 94, length: 45, rect: [35,193 366.578125x18] baseline: 13.796875
|
||
"that when its content is scrolled to the end,"
|
||
frag 3 from TextNode start: 140, length: 44, rect: [35,211 359.828125x18] baseline: 13.796875
|
||
"there is padding between the end-edge of its"
|
||
frag 4 from TextNode start: 185, length: 48, rect: [35,229 391.71875x18] baseline: 13.796875
|
||
"in-flow (or floated) content and the border edge"
|
||
frag 5 from TextNode start: 234, length: 50, rect: [35,247 395.328125x18] baseline: 13.796875
|
||
"of the box. It typically ends up being exactly the"
|
||
frag 6 from TextNode start: 285, length: 49, rect: [35,265 399.1875x18] baseline: 13.796875
|
||
"same size as the box’s own padding, except in a"
|
||
frag 7 from TextNode start: 335, length: 39, rect: [35,283 320.640625x18] baseline: 13.796875
|
||
"few cases—such as when an out-of-flow"
|
||
frag 8 from TextNode start: 375, length: 48, rect: [35,301 389.421875x18] baseline: 13.796875
|
||
"positioned element, or the visible overflow of a"
|
||
frag 9 from TextNode start: 424, length: 45, rect: [35,319 371.28125x18] baseline: 13.796875
|
||
"descendent, has already increased the size of"
|
||
frag 10 from TextNode start: 470, length: 45, rect: [35,337 366x18] baseline: 13.796875
|
||
"the scrollable overflow rectangle outside the"
|
||
frag 11 from TextNode start: 516, length: 43, rect: [35,355 319.109375x18] baseline: 13.796875
|
||
"conceptual “content edge” of the scroll"
|
||
frag 12 from TextNode start: 560, length: 22, rect: [35,373 165.21875x18] baseline: 13.796875
|
||
"container’s content."
|
||
TextNode <#text>
|
||
BlockContainer <(anonymous)> at (8,252) content-size 784x0 children: inline
|
||
TextNode <#text>
|
||
|
||
ViewportPaintable (Viewport<#document>) [0,0 800x600]
|
||
PaintableWithLines (BlockContainer<HTML>) [0,0 800x260]
|
||
PaintableWithLines (BlockContainer<BODY>) [8,8 784x244]
|
||
PaintableWithLines (BlockContainer<DIV>.outer) [8,8 452x122] overflow: [9,9 450x152]
|
||
PaintableWithLines (BlockContainer<DIV>.inner) [34,34 402x102]
|
||
TextPaintable (TextNode<#text>)
|
||
PaintableWithLines (InlineNode<SPAN>)
|
||
PaintableWithLines (BlockContainer(anonymous)) [8,130 784x0]
|
||
PaintableWithLines (BlockContainer<DIV>.outer) [8,130 452x122] overflow: [9,131 450x260]
|
||
PaintableWithLines (BlockContainer<DIV>.inner) [34,156 402x102] overflow: [35,157 400x234]
|
||
TextPaintable (TextNode<#text>)
|
||
PaintableWithLines (BlockContainer(anonymous)) [8,252 784x0]
|