Files
ladybird/Tests/LibWeb/Layout/expected/flex/flex-optimization-cases.txt
Jelle Raaijmakers 71665fa504 LibWeb: Scale font size by 1.15 for line-height: normal
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.
2025-05-05 13:15:56 +02:00

246 lines
15 KiB
Plaintext

Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x2016 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 500x2000 children: not-inline
Box <div> at (8,8) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,8) content-size 78.59375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,8 78.59375x18] baseline: 13.796875
"abcdefghij"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,26) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,26) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,26) content-size 0x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,26 78.59375x18] baseline: 13.796875
"abcdefghij"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,44) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,44) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,44) content-size 100x18 flex-item [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,44 100x18] baseline: 13.796875
TextNode <#text>
BlockContainer <span> at (8,44) content-size 100x18 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [8,44 9.703125x18] baseline: 13.796875
"x"
TextNode <#text>
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,62) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,62) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,62) content-size 210.09375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 24, rect: [8,62 210.09375x18] baseline: 13.796875
"longwordlongwordlongword"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,80) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,80) content-size 500x200 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,80) content-size 500x200 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,80) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,80) content-size 500x200 children: not-inline
BlockContainer <(anonymous)> at (8,280) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,280) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,280) content-size 500x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,280) content-size 500x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 10, rect: [8,280 78.59375x18] baseline: 13.796875
"abcdefghij"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,298) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,298) content-size 500x8 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
ImageBox <img> at (8,298) content-size 8x8 flex-item children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,306) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,306) content-size 100x18 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,306) content-size 210.09375x18 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 24, rect: [8,306 210.09375x18] baseline: 13.796875
"longwordlongwordlongword"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,324) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,324) content-size 500x18.421875 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,324) content-size 36.84375x18.421875 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [8,324 36.84375x18] baseline: 13.796875
"hello"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,342.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,342.421875) content-size 500x100 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,342.421875) content-size 200x100 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,442.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,442.421875) content-size 500x0 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,442.421875) content-size 0x0 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,442.421875) content-size 0x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,442.421875) content-size 0x100 children: not-inline
BlockContainer <(anonymous)> at (8,542.421875) content-size 0x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,442.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,442.421875) content-size 500x120 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,442.421875) content-size 500x120 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,442.421875) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,442.421875) content-size 500x120 children: not-inline
BlockContainer <(anonymous)> at (8,562.421875) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,562.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,562.421875) content-size 500x300 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,562.421875) content-size 500x300 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,562.421875) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,562.421875) content-size 500x300 children: not-inline
BlockContainer <(anonymous)> at (8,862.421875) content-size 500x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,862.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,862.421875) content-size 500x150 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (8,862.421875) content-size 300x150 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (8,862.421875) content-size 300x0 children: inline
TextNode <#text>
BlockContainer <div> at (8,862.421875) content-size 300x150 children: not-inline
BlockContainer <(anonymous)> at (8,1012.421875) content-size 300x0 children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,1012.421875) content-size 500x0 children: inline
TextNode <#text>
Box <div> at (8,1012.421875) content-size 500x8 flex-container(row) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
ImageBox <img> at (8,1012.421875) content-size 8x8 flex-item children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,1020.421875) content-size 500x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2016]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x2016]
PaintableWithLines (BlockContainer<BODY>) [8,8 500x2000]
PaintableBox (Box<DIV>) [8,8 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,8 78.59375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,26 500x0]
PaintableBox (Box<DIV>) [8,26 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,26 0x18] overflow: [8,26 78.59375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,44 500x0]
PaintableBox (Box<DIV>) [8,44 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,44 100x18]
PaintableWithLines (BlockContainer<SPAN>) [8,44 100x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,62 500x0]
PaintableBox (Box<DIV>) [8,62 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,62 210.09375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,80 500x0]
PaintableBox (Box<DIV>) [8,80 500x200]
PaintableWithLines (BlockContainer<DIV>) [8,80 500x200]
PaintableWithLines (BlockContainer(anonymous)) [8,80 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,80 500x200]
PaintableWithLines (BlockContainer(anonymous)) [8,280 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,280 500x0]
PaintableBox (Box<DIV>) [8,280 500x18]
PaintableWithLines (BlockContainer<DIV>) [8,280 500x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,298 500x0]
PaintableBox (Box<DIV>) [8,298 500x8]
ImagePaintable (ImageBox<IMG>) [8,298 8x8]
PaintableWithLines (BlockContainer(anonymous)) [8,306 500x0]
PaintableBox (Box<DIV>) [8,306 100x18] overflow: [8,306 210.09375x18]
PaintableWithLines (BlockContainer<DIV>) [8,306 210.09375x18]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,324 500x0]
PaintableBox (Box<DIV>) [8,324 500x18.421875]
PaintableWithLines (BlockContainer<DIV>) [8,324 36.84375x18.421875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,342.421875 500x0]
PaintableBox (Box<DIV>) [8,342.421875 500x100]
PaintableWithLines (BlockContainer<DIV>) [8,342.421875 200x100]
PaintableWithLines (BlockContainer(anonymous)) [8,442.421875 500x0]
PaintableBox (Box<DIV>) [8,442.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,442.421875 0x0]
PaintableWithLines (BlockContainer(anonymous)) [8,442.421875 0x0]
PaintableWithLines (BlockContainer<DIV>) [8,442.421875 0x100]
PaintableWithLines (BlockContainer(anonymous)) [8,542.421875 0x0]
PaintableWithLines (BlockContainer(anonymous)) [8,442.421875 500x0]
PaintableBox (Box<DIV>) [8,442.421875 500x120]
PaintableWithLines (BlockContainer<DIV>) [8,442.421875 500x120]
PaintableWithLines (BlockContainer(anonymous)) [8,442.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,442.421875 500x120]
PaintableWithLines (BlockContainer(anonymous)) [8,562.421875 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,562.421875 500x0]
PaintableBox (Box<DIV>) [8,562.421875 500x300]
PaintableWithLines (BlockContainer<DIV>) [8,562.421875 500x300]
PaintableWithLines (BlockContainer(anonymous)) [8,562.421875 500x0]
PaintableWithLines (BlockContainer<DIV>) [8,562.421875 500x300]
PaintableWithLines (BlockContainer(anonymous)) [8,862.421875 500x0]
PaintableWithLines (BlockContainer(anonymous)) [8,862.421875 500x0]
PaintableBox (Box<DIV>) [8,862.421875 500x150]
PaintableWithLines (BlockContainer<DIV>) [8,862.421875 300x150]
PaintableWithLines (BlockContainer(anonymous)) [8,862.421875 300x0]
PaintableWithLines (BlockContainer<DIV>) [8,862.421875 300x150]
PaintableWithLines (BlockContainer(anonymous)) [8,1012.421875 300x0]
PaintableWithLines (BlockContainer(anonymous)) [8,1012.421875 500x0]
PaintableBox (Box<DIV>) [8,1012.421875 500x8]
ImagePaintable (ImageBox<IMG>) [8,1012.421875 8x8]
PaintableWithLines (BlockContainer(anonymous)) [8,1020.421875 500x0]