mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-30 06:06:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibGfx+LibWeb: Draw glyph runs with subpixel accuracy

Browse source 
This improves the quality of our font rendering, especially when
animations are involved. Relevant changes:

  * Skia fonts have their subpixel flag set, which means that individual
    glyphs are rendered at subpixel offsets causing glyph runs as a
    whole to look better.

  * Fragment offsets are no longer rounded to whole device pixels, and
    instead the floating point offset is kept. This allows us to pass
    through the floating point baseline position all the way to the Skia
    calls, which already expected that to be a float position.

The `scrollable-contains-table.html` ref test needed different table
headings since they would slightly inflate the column size in the test
file, but not the reference.
This commit is contained in:
Jelle Raaijmakers 2024-12-09 10:24:26 +01:00 • committed by Jelle Raaijmakers
commit 4d9f17eddf
Notes: github-actions[bot] 2024-12-21 22:10:48 +00:00
83 changed files with 524 additions and 525 deletions
Download patch file Download diff file Expand all files Collapse all files

6
Tests/LibWeb/Layout/expected/block-and-inline/atomic-inline-with-white-space-nowrap.txt
View file

@ -4,9 +4,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <div> at (8,8) content-size 37.15625x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [8,8 27.15625x17] baseline: 13.296875
"foo"
frag 1 from ImageBox start: 0, length: 0, rect: [35,11 10x10] baseline: 10
frag 1 from ImageBox start: 0, length: 0, rect: [35.15625,11 10x10] baseline: 10
TextNode <#text>
ImageBox <img> at (35,11) content-size 10x10 children: not-inline
ImageBox <img> at (35.15625,11) content-size 10x10 children: not-inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
@ -14,4 +14,4 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 37.15625x17]
PaintableWithLines (BlockContainer<DIV>) [8,8 37.15625x17]
TextPaintable (TextNode<#text>)
ImagePaintable (ImageBox<IMG>) [35,11 10x10]
ImagePaintable (ImageBox<IMG>) [35.15625,11 10x10]

4
Tests/LibWeb/Layout/expected/block-and-inline/bfc-consider-all-currently-stacked-floats.txt
View file

@ -9,12 +9,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
"xxx"
TextNode <#text>
BlockContainer <(anonymous)> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [137,8 27.640625x17] baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [137.109375,8 27.640625x17] baseline: 13.296875
"bar"
TextNode <#text>
TextNode <#text>
BlockContainer <div> at (8,25) content-size 784x17 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [130,25 27.203125x17] baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [129.515625,25 27.203125x17] baseline: 13.296875
"baz"
TextNode <#text>
BlockContainer <div.yyy> at (108,25) content-size 21.515625x17 floating [BFC] children: inline

18
Tests/LibWeb/Layout/expected/block-and-inline/button-baseline-align.txt
View file

@ -4,19 +4,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48] baseline: 36
BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [9,27 17.828125x22] baseline: 18
frag 1 from TextNode start: 0, length: 1, rect: [28,30 8x17] baseline: 13.296875
frag 1 from TextNode start: 0, length: 1, rect: [27.828125,30 8x17] baseline: 13.296875
" "
frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x44] baseline: 36
frag 2 from BlockContainer start: 0, length: 0, rect: [40.828125,10 23.359375x44] baseline: 36
TextNode <#text>
BlockContainer <div.label> at (9,27) content-size 17.828125x22 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [9,27 17.828125x22] baseline: 17
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <button> at (41,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x44] baseline: 34
BlockContainer <button> at (40.828125,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x44 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [40.828125,10 23.359375x44] baseline: 34
"B"
TextNode <#text>
TextNode <#text>
@ -28,7 +28,7 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>.label) [8,26 19.828125x24]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer<BUTTON>) [35.828125,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x44]
TextPaintable (TextNode<#text>)

2
Tests/LibWeb/Layout/expected/block-and-inline/button-should-have-vertically-aligned-content.txt
View file

@ -15,7 +15,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> at (22,66.5) content-size 48.6875x0 children: inline
TextNode <#text>
BlockContainer <div.border-black> at (32,76.5) content-size 28.6875x100 children: inline
frag 0 from TextNode start: 1, length: 3, rect: [32,76.5 28.4375x17] baseline: 13.296875
frag 0 from TextNode start: 1, length: 3, rect: [32.125,76.5 28.4375x17] baseline: 13.296875
"two"
TextNode <#text>
BlockContainer <(anonymous)> at (22,186.5) content-size 48.6875x0 children: inline

2
Tests/LibWeb/Layout/expected/block-and-inline/button-width.txt
View file

@ -4,7 +4,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <button.btn.fixed-width> at (13,10) content-size 190x17 children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (13,10) content-size 190x17 flex-item [BFC] children: inline
frag 0 from TextNode start: 0, length: 11, rect: [61,10 94.921875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 11, rect: [60.53125,10 94.921875x17] baseline: 13.296875
"200px width"
TextNode <#text>
BlockContainer <button.btn> at (13,31) content-size 324.671875x17 children: not-inline

30
Tests/LibWeb/Layout/expected/block-and-inline/button-with-block-content-baseline-align.txt
View file

@ -4,25 +4,25 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 61.1875x48] baseline: 36
BlockContainer <div.ib> at (8,8) content-size 61.1875x48 inline-block [BFC] children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [9,27 17.828125x22] baseline: 18
frag 1 from TextNode start: 0, length: 1, rect: [28,30 8x17] baseline: 13.296875
frag 1 from TextNode start: 0, length: 1, rect: [27.828125,30 8x17] baseline: 13.296875
" "
frag 2 from BlockContainer start: 0, length: 0, rect: [41,10 23.359375x44] baseline: 36
frag 2 from BlockContainer start: 0, length: 0, rect: [40.828125,10 23.359375x44] baseline: 36
TextNode <#text>
BlockContainer <div.label> at (9,27) content-size 17.828125x22 inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 1, rect: [9,27 17.828125x22] baseline: 17
"A"
TextNode <#text>
TextNode <#text>
BlockContainer <button> at (41,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x44 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (41,10) content-size 23.359375x0 children: inline
BlockContainer <button> at (40.828125,10) content-size 23.359375x44 inline-block [BFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x44 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x44 flex-item [BFC] children: not-inline
BlockContainer <(anonymous)> at (40.828125,10) content-size 23.359375x0 children: inline
TextNode <#text>
BlockContainer <div> at (41,10) content-size 23.359375x44 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [41,10 23.359375x44] baseline: 34
BlockContainer <div> at (40.828125,10) content-size 23.359375x44 children: inline
frag 0 from TextNode start: 0, length: 1, rect: [40.828125,10 23.359375x44] baseline: 34
"B"
TextNode <#text>
BlockContainer <(anonymous)> at (41,54) content-size 23.359375x0 children: inline
BlockContainer <(anonymous)> at (40.828125,54) content-size 23.359375x0 children: inline
TextNode <#text>
TextNode <#text>
@ -33,10 +33,10 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<DIV>.label) [8,26 19.828125x24]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<BUTTON>) [36,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [41,10 23.359375x0]
PaintableWithLines (BlockContainer<DIV>) [41,10 23.359375x44]
PaintableWithLines (BlockContainer<BUTTON>) [35.828125,8 33.359375x48]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x44]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,10 23.359375x0]
PaintableWithLines (BlockContainer<DIV>) [40.828125,10 23.359375x44]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [41,54 23.359375x0]
PaintableWithLines (BlockContainer(anonymous)) [40.828125,54 23.359375x0]

12
Tests/LibWeb/Layout/expected/block-and-inline/columns-33-percent-width.txt
View file

@ -2,15 +2,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x116 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 620x100 children: inline
frag 0 from BlockContainer start: 0, length: 0, rect: [8,8 206.65625x100] baseline: 100
frag 1 from BlockContainer start: 0, length: 0, rect: [215,8 206.65625x100] baseline: 100
frag 2 from BlockContainer start: 0, length: 0, rect: [421,8 206.65625x100] baseline: 100
frag 1 from BlockContainer start: 0, length: 0, rect: [214.65625,8 206.65625x100] baseline: 100
frag 2 from BlockContainer start: 0, length: 0, rect: [421.3125,8 206.65625x100] baseline: 100
BlockContainer <div> at (8,8) content-size 206.65625x100 inline-block [BFC] children: not-inline
BlockContainer <div> at (215,8) content-size 206.65625x100 inline-block [BFC] children: not-inline
BlockContainer <div> at (421,8) content-size 206.65625x100 inline-block [BFC] children: not-inline
BlockContainer <div> at (214.65625,8) content-size 206.65625x100 inline-block [BFC] children: not-inline
BlockContainer <div> at (421.3125,8) content-size 206.65625x100 inline-block [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
PaintableWithLines (BlockContainer<BODY>) [8,8 620x100]
PaintableWithLines (BlockContainer<DIV>) [8,8 206.65625x100]
PaintableWithLines (BlockContainer<DIV>) [215,8 206.65625x100]
PaintableWithLines (BlockContainer<DIV>) [421,8 206.65625x100]
PaintableWithLines (BlockContainer<DIV>) [214.65625,8 206.65625x100]
PaintableWithLines (BlockContainer<DIV>) [421.3125,8 206.65625x100]

2
Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
View file

@ -16,7 +16,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
TextNode <#text>
BlockContainer <div#text> at (9,109) content-size 778x17 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [371,109 54.796875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [370.59375,109 54.796875x17] baseline: 13.296875
"foobar"
TextNode <#text>
BlockContainer <(anonymous)> at (9,126) content-size 778x0 children: inline

6
Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
View file

@ -5,17 +5,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 780x0 children: inline
TextNode <#text>
BlockContainer <div.left> at (9,9) content-size 50x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [14,9 39.21875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [14.390625,9 39.21875x17] baseline: 13.296875
"Left1"
TextNode <#text>
TextNode <#text>
BlockContainer <div.right> at (737,9) content-size 50x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 6, rect: [738,9 48.3125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [737.84375,9 48.3125x17] baseline: 13.296875
"Right1"
TextNode <#text>
TextNode <#text>
BlockContainer <div.left> at (61,9) content-size 50x50 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [65,9 41.6875x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 5, rect: [65.15625,9 41.6875x17] baseline: 13.296875
"Left2"
TextNode <#text>
TextNode <#text>

162
Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
View file

@ -3,157 +3,157 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (252,10) content-size 538x400 children: inline
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x22] baseline: 17
"Lorem"
frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.53125x22] baseline: 17
frag 1 from TextNode start: 6, length: 1, rect: [617.71875,10 12.53125x22] baseline: 17
" "
frag 2 from TextNode start: 7, length: 5, rect: [630.53125,10 56.625x22] baseline: 17
frag 2 from TextNode start: 7, length: 5, rect: [630.25,10 56.625x22] baseline: 17
"ipsum"
frag 3 from TextNode start: 12, length: 1, rect: [686.53125,10 12.53125x22] baseline: 17
frag 3 from TextNode start: 12, length: 1, rect: [686.875,10 12.53125x22] baseline: 17
" "
frag 4 from TextNode start: 13, length: 5, rect: [699.0625,10 52.0625x22] baseline: 17
frag 4 from TextNode start: 13, length: 5, rect: [699.40625,10 52.0625x22] baseline: 17
"dolor"
frag 5 from TextNode start: 18, length: 1, rect: [751.0625,10 12.53125x22] baseline: 17
frag 5 from TextNode start: 18, length: 1, rect: [751.46875,10 12.53125x22] baseline: 17
" "
frag 6 from TextNode start: 19, length: 3, rect: [763.59375,10 25.96875x22] baseline: 17
frag 6 from TextNode start: 19, length: 3, rect: [764,10 25.96875x22] baseline: 17
"sit"
frag 7 from TextNode start: 23, length: 4, rect: [554,32 46.421875x22] baseline: 17
"amet"
frag 8 from TextNode start: 27, length: 1, rect: [600,32 6.3125x22] baseline: 17
frag 8 from TextNode start: 27, length: 1, rect: [600.421875,32 6.3125x22] baseline: 17
","
frag 9 from TextNode start: 28, length: 1, rect: [607,32 62.1875x22] baseline: 17
frag 9 from TextNode start: 28, length: 1, rect: [606.734375,32 62.1875x22] baseline: 17
" "
frag 10 from TextNode start: 29, length: 11, rect: [669.1875,32 121.078125x22] baseline: 17
frag 10 from TextNode start: 29, length: 11, rect: [668.921875,32 121.078125x22] baseline: 17
"consectetur"
frag 11 from TextNode start: 41, length: 10, rect: [554,54 94.671875x22] baseline: 17
"adipiscing"
frag 12 from TextNode start: 51, length: 1, rect: [649,54 105.40625x22] baseline: 17
frag 12 from TextNode start: 51, length: 1, rect: [648.671875,54 105.40625x22] baseline: 17
" "
frag 13 from TextNode start: 52, length: 4, rect: [754.40625,54 30.484375x22] baseline: 17
frag 13 from TextNode start: 52, length: 4, rect: [754.078125,54 30.484375x22] baseline: 17
"elit"
frag 14 from TextNode start: 56, length: 1, rect: [784.40625,54 5.4375x22] baseline: 17
frag 14 from TextNode start: 56, length: 1, rect: [784.5625,54 5.4375x22] baseline: 17
"."
frag 15 from TextNode start: 58, length: 11, rect: [554,76 123.375x22] baseline: 17
"Suspendisse"
frag 16 from TextNode start: 69, length: 1, rect: [677,76 100.9375x22] baseline: 17
frag 16 from TextNode start: 69, length: 1, rect: [677.375,76 100.9375x22] baseline: 17
" "
frag 17 from TextNode start: 70, length: 1, rect: [777.9375,76 11.6875x22] baseline: 17
frag 17 from TextNode start: 70, length: 1, rect: [778.3125,76 11.6875x22] baseline: 17
"a"
frag 18 from TextNode start: 72, length: 8, rect: [554,98 82.078125x22] baseline: 17
"placerat"
frag 19 from TextNode start: 80, length: 1, rect: [636,98 29.625x22] baseline: 17
frag 19 from TextNode start: 80, length: 1, rect: [636.078125,98 29.625x22] baseline: 17
" "
frag 20 from TextNode start: 81, length: 6, rect: [665.625,98 67.5625x22] baseline: 17
frag 20 from TextNode start: 81, length: 6, rect: [665.703125,98 67.5625x22] baseline: 17
"mauris"
frag 21 from TextNode start: 87, length: 1, rect: [733.625,98 6.3125x22] baseline: 17
frag 21 from TextNode start: 87, length: 1, rect: [733.265625,98 6.3125x22] baseline: 17
","
frag 22 from TextNode start: 88, length: 1, rect: [739.625,98 29.625x22] baseline: 17
frag 22 from TextNode start: 88, length: 1, rect: [739.578125,98 29.625x22] baseline: 17
" "
frag 23 from TextNode start: 89, length: 2, rect: [769.25,98 20.78125x22] baseline: 17
frag 23 from TextNode start: 89, length: 2, rect: [769.203125,98 20.78125x22] baseline: 17
"ut"
frag 24 from TextNode start: 92, length: 9, rect: [554,120 101.3125x22] baseline: 17
"elementum"
frag 25 from TextNode start: 101, length: 1, rect: [655,120 10.421875x22] baseline: 17
frag 25 from TextNode start: 101, length: 1, rect: [655.3125,120 10.421875x22] baseline: 17
" "
frag 26 from TextNode start: 102, length: 2, rect: [665.421875,120 20.953125x22] baseline: 17
frag 26 from TextNode start: 102, length: 2, rect: [665.734375,120 20.953125x22] baseline: 17
"mi"
frag 27 from TextNode start: 104, length: 1, rect: [686.421875,120 5.4375x22] baseline: 17
frag 27 from TextNode start: 104, length: 1, rect: [686.6875,120 5.4375x22] baseline: 17
"."
frag 28 from TextNode start: 105, length: 1, rect: [692.421875,120 10.421875x22] baseline: 17
frag 28 from TextNode start: 105, length: 1, rect: [692.125,120 10.421875x22] baseline: 17
" "
frag 29 from TextNode start: 106, length: 5, rect: [702.84375,120 56.234375x22] baseline: 17
frag 29 from TextNode start: 106, length: 5, rect: [702.546875,120 56.234375x22] baseline: 17
"Morbi"
frag 30 from TextNode start: 111, length: 1, rect: [758.84375,120 10.421875x22] baseline: 17
frag 30 from TextNode start: 111, length: 1, rect: [758.78125,120 10.421875x22] baseline: 17
" "
frag 31 from TextNode start: 112, length: 2, rect: [769.265625,120 20.78125x22] baseline: 17
frag 31 from TextNode start: 112, length: 2, rect: [769.203125,120 20.78125x22] baseline: 17
"ut"
frag 32 from TextNode start: 115, length: 8, rect: [554,142 78.78125x22] baseline: 17
"vehicula"
frag 33 from TextNode start: 123, length: 1, rect: [633,142 27.21875x22] baseline: 17
frag 33 from TextNode start: 123, length: 1, rect: [632.78125,142 27.21875x22] baseline: 17
" "
frag 34 from TextNode start: 124, length: 5, rect: [660.21875,142 56.625x22] baseline: 17
frag 34 from TextNode start: 124, length: 5, rect: [660,142 56.625x22] baseline: 17
"ipsum"
frag 35 from TextNode start: 129, length: 1, rect: [716.21875,142 6.3125x22] baseline: 17
frag 35 from TextNode start: 129, length: 1, rect: [716.625,142 6.3125x22] baseline: 17
","
frag 36 from TextNode start: 130, length: 1, rect: [723.21875,142 27.21875x22] baseline: 17
frag 36 from TextNode start: 130, length: 1, rect: [722.9375,142 27.21875x22] baseline: 17
" "
frag 37 from TextNode start: 131, length: 4, rect: [750.4375,142 39.84375x22] baseline: 17
frag 37 from TextNode start: 131, length: 4, rect: [750.15625,142 39.84375x22] baseline: 17
"eget"
frag 38 from TextNode start: 136, length: 8, rect: [554,164 82.078125x22] baseline: 17
"placerat"
frag 39 from TextNode start: 144, length: 1, rect: [636,164 11.6875x22] baseline: 17
frag 39 from TextNode start: 144, length: 1, rect: [636.078125,164 11.6875x22] baseline: 17
" "
frag 40 from TextNode start: 145, length: 5, rect: [647.6875,164 56.453125x22] baseline: 17
frag 40 from TextNode start: 145, length: 5, rect: [647.765625,164 56.453125x22] baseline: 17
"augue"
frag 41 from TextNode start: 150, length: 1, rect: [704.6875,164 5.4375x22] baseline: 17
frag 41 from TextNode start: 150, length: 1, rect: [704.21875,164 5.4375x22] baseline: 17
"."
frag 42 from TextNode start: 151, length: 1, rect: [709.6875,164 11.6875x22] baseline: 17
frag 42 from TextNode start: 151, length: 1, rect: [709.65625,164 11.6875x22] baseline: 17
" "
frag 43 from TextNode start: 152, length: 7, rect: [721.375,164 68.640625x22] baseline: 17
frag 43 from TextNode start: 152, length: 7, rect: [721.34375,164 68.640625x22] baseline: 17
"Integer"
frag 44 from TextNode start: 160, length: 6, rect: [554,186 70.296875x22] baseline: 17
"rutrum"
frag 45 from TextNode start: 166, length: 1, rect: [624,186 21x22] baseline: 17
frag 45 from TextNode start: 166, length: 1, rect: [624.296875,186 21x22] baseline: 17
" "
frag 46 from TextNode start: 167, length: 4, rect: [645,186 35.109375x22] baseline: 17
frag 46 from TextNode start: 167, length: 4, rect: [645.296875,186 35.109375x22] baseline: 17
"nisi"
frag 47 from TextNode start: 171, length: 1, rect: [680,186 21x22] baseline: 17
frag 47 from TextNode start: 171, length: 1, rect: [680.40625,186 21x22] baseline: 17
" "
frag 48 from TextNode start: 172, length: 4, rect: [701,186 39.84375x22] baseline: 17
frag 48 from TextNode start: 172, length: 4, rect: [701.40625,186 39.84375x22] baseline: 17
"eget"
frag 49 from TextNode start: 176, length: 1, rect: [741,186 21x22] baseline: 17
frag 49 from TextNode start: 176, length: 1, rect: [741.25,186 21x22] baseline: 17
" "
frag 50 from TextNode start: 177, length: 3, rect: [762,186 27.734375x22] baseline: 17
frag 50 from TextNode start: 177, length: 3, rect: [762.25,186 27.734375x22] baseline: 17
"dui"
frag 51 from TextNode start: 181, length: 6, rect: [252,212 62.671875x22] baseline: 17
"dictum"
frag 52 from TextNode start: 187, length: 1, rect: [315,212 6.3125x22] baseline: 17
frag 52 from TextNode start: 187, length: 1, rect: [314.671875,212 6.3125x22] baseline: 17
","
frag 53 from TextNode start: 188, length: 1, rect: [321,212 23.578125x22] baseline: 17
frag 53 from TextNode start: 188, length: 1, rect: [320.984375,212 23.578125x22] baseline: 17
" "
frag 54 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x22] baseline: 17
frag 54 from TextNode start: 189, length: 2, rect: [344.5625,212 23.109375x22] baseline: 17
"eu"
frag 55 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x22] baseline: 17
frag 55 from TextNode start: 191, length: 1, rect: [367.671875,212 23.578125x22] baseline: 17
" "
frag 56 from TextNode start: 192, length: 8, rect: [391.15625,212 96.75x22] baseline: 17
frag 56 from TextNode start: 192, length: 8, rect: [391.25,212 96.75x22] baseline: 17
"accumsan"
frag 57 from TextNode start: 201, length: 4, rect: [252,234 43.875x22] baseline: 17
"enim"
frag 58 from TextNode start: 205, length: 1, rect: [296,234 37.875x22] baseline: 17
frag 58 from TextNode start: 205, length: 1, rect: [295.875,234 37.875x22] baseline: 17
" "
frag 59 from TextNode start: 206, length: 9, rect: [333.875,234 88.21875x22] baseline: 17
frag 59 from TextNode start: 206, length: 9, rect: [333.75,234 88.21875x22] baseline: 17
"tristique"
frag 60 from TextNode start: 215, length: 1, rect: [421.875,234 5.4375x22] baseline: 17
frag 60 from TextNode start: 215, length: 1, rect: [421.96875,234 5.4375x22] baseline: 17
"."
frag 61 from TextNode start: 216, length: 1, rect: [427.875,234 37.875x22] baseline: 17
frag 61 from TextNode start: 216, length: 1, rect: [427.40625,234 37.875x22] baseline: 17
" "
frag 62 from TextNode start: 217, length: 2, rect: [465.75,234 22.703125x22] baseline: 17
frag 62 from TextNode start: 217, length: 2, rect: [465.28125,234 22.703125x22] baseline: 17
"Ut"
frag 63 from TextNode start: 220, length: 8, rect: [252,256 80.046875x22] baseline: 17
"lobortis"
frag 64 from TextNode start: 228, length: 1, rect: [332,256 30.328125x22] baseline: 17
frag 64 from TextNode start: 228, length: 1, rect: [332.046875,256 30.328125x22] baseline: 17
" "
frag 65 from TextNode start: 229, length: 5, rect: [362.328125,256 55.4375x22] baseline: 17
frag 65 from TextNode start: 229, length: 5, rect: [362.375,256 55.4375x22] baseline: 17
"lorem"
frag 66 from TextNode start: 234, length: 1, rect: [417.328125,256 30.328125x22] baseline: 17
frag 66 from TextNode start: 234, length: 1, rect: [417.8125,256 30.328125x22] baseline: 17
" "
frag 67 from TextNode start: 235, length: 4, rect: [447.65625,256 39.84375x22] baseline: 17
frag 67 from TextNode start: 235, length: 4, rect: [448.140625,256 39.84375x22] baseline: 17
"eget"
frag 68 from TextNode start: 240, length: 3, rect: [252,278 31.171875x22] baseline: 17
"est"
frag 69 from TextNode start: 243, length: 1, rect: [283,278 16.5x22] baseline: 17
frag 69 from TextNode start: 243, length: 1, rect: [283.171875,278 16.5x22] baseline: 17
" "
frag 70 from TextNode start: 244, length: 9, rect: [299.5,278 91.484375x22] baseline: 17
frag 70 from TextNode start: 244, length: 9, rect: [299.671875,278 91.484375x22] baseline: 17
"vulputate"
frag 71 from TextNode start: 253, length: 1, rect: [391.5,278 16.5x22] baseline: 17
frag 71 from TextNode start: 253, length: 1, rect: [391.15625,278 16.5x22] baseline: 17
" "
frag 72 from TextNode start: 254, length: 7, rect: [408,278 74.90625x22] baseline: 17
frag 72 from TextNode start: 254, length: 7, rect: [407.65625,278 74.90625x22] baseline: 17
"egestas"
frag 73 from TextNode start: 261, length: 1, rect: [483,278 5.4375x22] baseline: 17
frag 73 from TextNode start: 261, length: 1, rect: [482.5625,278 5.4375x22] baseline: 17
"."
frag 74 from TextNode start: 263, length: 7, rect: [252,300 68.640625x22] baseline: 17
"Integer"
frag 75 from TextNode start: 270, length: 1, rect: [321,300 16.390625x22] baseline: 17
frag 75 from TextNode start: 270, length: 1, rect: [320.640625,300 16.390625x22] baseline: 17
" "
frag 76 from TextNode start: 271, length: 7, rect: [337.390625,300 71.359375x22] baseline: 17
frag 76 from TextNode start: 271, length: 7, rect: [337.03125,300 71.359375x22] baseline: 17
"laoreet"
frag 77 from TextNode start: 278, length: 1, rect: [408.390625,300 16.390625x22] baseline: 17
" "
@ -161,45 +161,45 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
"lacinia"
frag 79 from TextNode start: 287, length: 4, rect: [252,322 43.1875x22] baseline: 17
"ante"
frag 80 from TextNode start: 291, length: 1, rect: [295,322 16.640625x22] baseline: 17
frag 80 from TextNode start: 291, length: 1, rect: [295.1875,322 16.640625x22] baseline: 17
" "
frag 81 from TextNode start: 292, length: 7, rect: [311.640625,322 74.046875x22] baseline: 17
frag 81 from TextNode start: 292, length: 7, rect: [311.828125,322 74.046875x22] baseline: 17
"sodales"
frag 82 from TextNode start: 299, length: 1, rect: [385.640625,322 16.640625x22] baseline: 17
frag 82 from TextNode start: 299, length: 1, rect: [385.875,322 16.640625x22] baseline: 17
" "
frag 83 from TextNode start: 300, length: 8, rect: [402.28125,322 80.046875x22] baseline: 17
frag 83 from TextNode start: 300, length: 8, rect: [402.515625,322 80.046875x22] baseline: 17
"lobortis"
frag 84 from TextNode start: 308, length: 1, rect: [482.28125,322 5.4375x22] baseline: 17
frag 84 from TextNode start: 308, length: 1, rect: [482.5625,322 5.4375x22] baseline: 17
"."
frag 85 from TextNode start: 310, length: 5, rect: [252,344 60.90625x22] baseline: 17
"Donec"
frag 86 from TextNode start: 315, length: 1, rect: [313,344 38.828125x22] baseline: 17
frag 86 from TextNode start: 315, length: 1, rect: [312.90625,344 38.828125x22] baseline: 17
" "
frag 87 from TextNode start: 316, length: 1, rect: [351.828125,344 11.6875x22] baseline: 17
frag 87 from TextNode start: 316, length: 1, rect: [351.734375,344 11.6875x22] baseline: 17
"a"
frag 88 from TextNode start: 317, length: 1, rect: [363.828125,344 38.828125x22] baseline: 17
frag 88 from TextNode start: 317, length: 1, rect: [363.421875,344 38.828125x22] baseline: 17
" "
frag 89 from TextNode start: 318, length: 9, rect: [402.65625,344 85.734375x22] baseline: 17
frag 89 from TextNode start: 318, length: 9, rect: [402.25,344 85.734375x22] baseline: 17
"tincidunt"
frag 90 from TextNode start: 328, length: 4, rect: [252,366 43.1875x22] baseline: 17
"ante"
frag 91 from TextNode start: 332, length: 1, rect: [295,366 5.4375x22] baseline: 17
frag 91 from TextNode start: 332, length: 1, rect: [295.1875,366 5.4375x22] baseline: 17
"."
frag 92 from TextNode start: 333, length: 1, rect: [301,366 11.609375x22] baseline: 17
frag 92 from TextNode start: 333, length: 1, rect: [300.625,366 11.609375x22] baseline: 17
" "
frag 93 from TextNode start: 334, length: 9, rect: [312.609375,366 94.8125x22] baseline: 17
frag 93 from TextNode start: 334, length: 9, rect: [312.234375,366 94.8125x22] baseline: 17
"Phasellus"
frag 94 from TextNode start: 343, length: 1, rect: [406.609375,366 11.609375x22] baseline: 17
frag 94 from TextNode start: 343, length: 1, rect: [407.046875,366 11.609375x22] baseline: 17
" "
frag 95 from TextNode start: 344, length: 1, rect: [418.21875,366 11.6875x22] baseline: 17
frag 95 from TextNode start: 344, length: 1, rect: [418.65625,366 11.6875x22] baseline: 17
"a"
frag 96 from TextNode start: 345, length: 1, rect: [430.21875,366 11.609375x22] baseline: 17
frag 96 from TextNode start: 345, length: 1, rect: [430.34375,366 11.609375x22] baseline: 17
" "
frag 97 from TextNode start: 346, length: 4, rect: [441.828125,366 46.03125x22] baseline: 17
frag 97 from TextNode start: 346, length: 4, rect: [441.953125,366 46.03125x22] baseline: 17
"arcu"
frag 98 from TextNode start: 351, length: 6, rect: [252,388 65.125x22] baseline: 17
"tortor"
frag 99 from TextNode start: 357, length: 1, rect: [317,388 5.4375x22] baseline: 17
frag 99 from TextNode start: 357, length: 1, rect: [317.125,388 5.4375x22] baseline: 17
"."
BlockContainer <div.left> at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@ -208,7 +208,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x402] overflow: [252,10 538.28125x400]
PaintableWithLines (BlockContainer<BODY>) [251,9 540x402]
PaintableWithLines (BlockContainer<DIV>.left) [252,10 302x202]
PaintableWithLines (BlockContainer<DIV>.right) [488,212 302x202]
TextPaintable (TextNode<#text>)

2
Tests/LibWeb/Layout/expected/block-and-inline/float-stress-1.txt
View file

@ -28,7 +28,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
"bar baz foo bar baz foo bar"
frag 11 from TextNode start: 57, length: 16, rect: [61,173 141.203125x16] baseline: 12.796875
"baz foo bar baz "
frag 12 from TextNode start: 1, length: 11, rect: [202,173 98x16] baseline: 12.796875
frag 12 from TextNode start: 1, length: 11, rect: [202.203125,173 98x16] baseline: 12.796875
"foo bar baz"
frag 13 from TextNode start: 13, length: 12, rect: [61,189 106x16] baseline: 12.796875
"foo bar baz "

26
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
View file

@ -3,29 +3,29 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x92 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [10,32 103.140625x17] baseline: 13.296875
"Hello friends"
frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 202x90] baseline: 35.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 202x90] baseline: 35.296875
TextNode <#text>
BlockContainer <div.ib> at (114,11) content-size 202x90 inline-block [BFC] children: not-inline
BlockContainer <div> at (115,12) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17] baseline: 13.296875
BlockContainer <div.ib> at (114.140625,11) content-size 202x90 inline-block [BFC] children: not-inline
BlockContainer <div> at (115.140625,12) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x17] baseline: 13.296875
"1st"
TextNode <#text>
BlockContainer <div> at (115,31) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115,31 26.28125x17] baseline: 13.296875
BlockContainer <div> at (115.140625,31) content-size 200x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,31 26.28125x17] baseline: 13.296875
"2nd"
TextNode <#text>
BlockContainer <div.whee> at (115,50) content-size 200x50 children: not-inline
BlockContainer <(anonymous)> at (114,101) content-size 202x0 children: inline
BlockContainer <div.whee> at (115.140625,50) content-size 200x50 children: not-inline
BlockContainer <(anonymous)> at (114.140625,101) content-size 202x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x94]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.ib) [113,10 204x92]
PaintableWithLines (BlockContainer<DIV>) [114,11 202x19]
PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 204x92]
PaintableWithLines (BlockContainer<DIV>) [114.140625,11 202x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [114,30 202x19]
PaintableWithLines (BlockContainer<DIV>) [114.140625,30 202x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.whee) [114,49 202x52]
PaintableWithLines (BlockContainer(anonymous)) [114,101 202x0]
PaintableWithLines (BlockContainer<DIV>.whee) [114.140625,49 202x52]
PaintableWithLines (BlockContainer(anonymous)) [114.140625,101 202x0]

28
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
View file

@ -3,33 +3,33 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (10,10) content-size 780x59 children: inline
frag 0 from TextNode start: 0, length: 13, rect: [10,32 103.140625x17] baseline: 13.296875
"Hello friends"
frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 39.234375x57] baseline: 35.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 39.234375x57] baseline: 35.296875
TextNode <#text>
BlockContainer <div.ib> at (114,11) content-size 39.234375x57 inline-block [BFC] children: not-inline
BlockContainer <div> at (115,12) content-size 37.234375x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17] baseline: 13.296875
BlockContainer <div.ib> at (114.140625,11) content-size 39.234375x57 inline-block [BFC] children: not-inline
BlockContainer <div> at (115.140625,12) content-size 37.234375x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x17] baseline: 13.296875
"1st"
TextNode <#text>
BlockContainer <div> at (115,31) content-size 37.234375x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115,31 26.28125x17] baseline: 13.296875
BlockContainer <div> at (115.140625,31) content-size 37.234375x17 children: inline
frag 0 from TextNode start: 0, length: 3, rect: [115.140625,31 26.28125x17] baseline: 13.296875
"2nd"
TextNode <#text>
BlockContainer <div.float> at (115,50) content-size 37.234375x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [115,50 37.234375x17] baseline: 13.296875
BlockContainer <div.float> at (115.140625,50) content-size 37.234375x17 floating [BFC] children: inline
frag 0 from TextNode start: 0, length: 5, rect: [115.140625,50 37.234375x17] baseline: 13.296875
"float"
TextNode <#text>
BlockContainer <(anonymous)> at (114,49) content-size 39.234375x0 children: inline
BlockContainer <(anonymous)> at (114.140625,49) content-size 39.234375x0 children: inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x602]
PaintableWithLines (BlockContainer<BODY>) [9,9 782x61]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.ib) [113,10 41.234375x59]
PaintableWithLines (BlockContainer<DIV>) [114,11 39.234375x19]
PaintableWithLines (BlockContainer<DIV>.ib) [113.140625,10 41.234375x59]
PaintableWithLines (BlockContainer<DIV>) [114.140625,11 39.234375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>) [114,30 39.234375x19]
PaintableWithLines (BlockContainer<DIV>) [114.140625,30 39.234375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>.float) [114,49 39.234375x19]
PaintableWithLines (BlockContainer<DIV>.float) [114.140625,49 39.234375x19]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [114,49 39.234375x0]
PaintableWithLines (BlockContainer(anonymous)) [114.140625,49 39.234375x0]

6
Tests/LibWeb/Layout/expected/block-and-inline/inline-block-vertical-align-middle.txt
View file

@ -4,13 +4,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
InlineNode <span>
frag 0 from TextNode start: 0, length: 4, rect: [8,49 35.15625x17] baseline: 13.296875
"foo "
frag 1 from BlockContainer start: 0, length: 0, rect: [43,8 100x100] baseline: 54.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [43.15625,8 100x100] baseline: 54.296875
TextNode <#text>
BlockContainer <span.thing> at (43,8) content-size 100x100 inline-block [BFC] children: not-inline
BlockContainer <span.thing> at (43.15625,8) content-size 100x100 inline-block [BFC] children: not-inline
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x116]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x100]
PaintableWithLines (InlineNode<SPAN>)
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>.thing) [43,8 100x100]
PaintableWithLines (BlockContainer<SPAN>.thing) [43.15625,8 100x100]

10
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
View file

@ -3,12 +3,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x20 children: inline
frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17] baseline: 13.296875
"text text text"
frag 1 from BlockContainer start: 0, length: 0, rect: [120,8 110.375x20] baseline: 13.296875
frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17] baseline: 13.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [120.421875,8 110.375x20] baseline: 13.296875
frag 2 from TextNode start: 0, length: 16, rect: [230.796875,8 129.546875x17] baseline: 13.296875
"more inline text"
TextNode <#text>
BlockContainer <span.displaced_text> at (150,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17] baseline: 13.296875
BlockContainer <span.displaced_text> at (150.421875,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
frag 0 from TextNode start: 0, length: 14, rect: [150.421875,48 110.375x17] baseline: 13.296875
"displaced text"
TextNode <#text>
TextNode <#text>
@ -17,6 +17,6 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<SPAN>.displaced_text) [150,48 110.375x20]
PaintableWithLines (BlockContainer<SPAN>.displaced_text) [150.421875,48 110.375x20]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
View file

@ -3,16 +3,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x175 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17] baseline: 13.296875
"Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100] baseline: 0
frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17] baseline: 13.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100] baseline: 0
frag 2 from TextNode start: 0, length: 9, rect: [151.125,8 67.703125x17] baseline: 13.296875
" friends."
TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x175]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#inline-box) [51,58 100x100]
PaintableWithLines (BlockContainer<DIV>#inline-box) [51.125,58 100x100]
TextPaintable (TextNode<#text>)

8
Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
View file

@ -3,16 +3,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x178 children: inline
frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17] baseline: 13.296875
"Well, "
frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100] baseline: 175
frag 2 from TextNode start: 0, length: 9, rect: [151,169 67.703125x17] baseline: 13.296875
frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100] baseline: 175
frag 2 from TextNode start: 0, length: 9, rect: [151.125,169 67.703125x17] baseline: 13.296875
" friends."
TextNode <#text>
BlockContainer <div#inline-box> at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
BlockContainer <div#inline-box> at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
TextNode <#text>
ViewportPaintable (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer<HTML>) [0,0 800x600]
PaintableWithLines (BlockContainer<BODY>) [8,8 784x178]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer<DIV>#inline-box) [51,58 100x100]
PaintableWithLines (BlockContainer<DIV>#inline-box) [51.125,58 100x100]
TextPaintable (TextNode<#text>)

2
Tests/LibWeb/Layout/expected/block-and-inline/leading-margin-on-inline-content-that-starts-with-collapsible-whitespace.txt
View file

@ -6,7 +6,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
"Download "
TextNode <#text>
InlineNode <div>
frag 0 from TextNode start: 1, length: 4, rect: [150,8 39.5625x17] baseline: 13.296875
frag 0 from TextNode start: 1, length: 4, rect: [150.125,8 39.5625x17] baseline: 13.296875
"News"
TextNode <#text>
TextNode <#text>

8
Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-element-js-offsets.txt
View file

@ -7,11 +7,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
"well "
TextNode <#text>
InlineNode <b>
frag 0 from TextNode start: 0, length: 6, rect: [44,33 44.84375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 6, rect: [44.40625,33 44.84375x17] baseline: 13.296875
"hello "
TextNode <#text>
InlineNode <i>
frag 0 from TextNode start: 0, length: 7, rect: [89,58 55.359375x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 7, rect: [89.25,58 55.359375x17] baseline: 13.296875
"friends"
TextNode <#text>
TextNode <#text>
@ -26,8 +26,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
"well: 8, 8"
frag 1 from TextNode start: 11, length: 13, rect: [8,126 95.359375x17] baseline: 13.296875
"hello: 44, 33"
frag 2 from TextNode start: 25, length: 15, rect: [8,143 113.65625x17] baseline: 13.296875
"friends: 45, 25"
frag 2 from TextNode start: 25, length: 15, rect: [8,143 112.953125x17] baseline: 13.296875
"friends: 44, 25"
TextNode <#text>
BlockContainer <(anonymous)> at (8,176) content-size 784x0 children: inline
TextNode <#text>

6
Tests/LibWeb/Layout/expected/block-and-inline/relpos-inline-elements.txt
View file

@ -3,17 +3,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17 children: inline
frag 0 from TextNode start: 0, length: 4, rect: [8,8 35.15625x17] baseline: 13.296875
"foo "
frag 1 from TextNode start: 0, length: 1, rect: [71,8 8x17] baseline: 13.296875
frag 1 from TextNode start: 0, length: 1, rect: [70.796875,8 8x17] baseline: 13.296875
" "
TextNode <#text>
InlineNode <b>
frag 0 from TextNode start: 0, length: 3, rect: [43,33 27.640625x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [43.15625,33 27.640625x17] baseline: 13.296875
"bar"
TextNode <#text>
TextNode <#text>
InlineNode <b>
InlineNode <i>
frag 0 from TextNode start: 0, length: 3, rect: [54,58 27.203125x17] baseline: 13.296875
frag 0 from TextNode start: 0, length: 3, rect: [53.796875,58 27.203125x17] baseline: 13.296875
"baz"
TextNode <#text>
TextNode <#text>