at (8,8) content-size 784x332.34375 children: inline
line 0 width: 414.5625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 47, rect: [228,8 414.5625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
- line 1 width: 414.5625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 49, length: 47, rect: [228,25.46875 414.5625x17.46875]
+ line 1 width: 414.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 49, length: 47, rect: [228,25 414.5625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
- line 2 width: 466.90625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 97, length: 53, rect: [228,42.9375 466.90625x17.46875]
+ line 2 width: 466.90625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 97, length: 53, rect: [228,42 466.90625x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 3 width: 573.5, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 151, length: 65, rect: [188,60.40625 573.5x17.46875]
+ line 3 width: 573.5, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 151, length: 65, rect: [188,60 573.5x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
- line 4 width: 572.546875, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 217, length: 65, rect: [188,77.875 572.546875x17.46875]
+ line 4 width: 572.546875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 217, length: 65, rect: [188,77 572.546875x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 5 width: 679.140625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
- frag 0 from TextNode start: 283, length: 77, rect: [108,95.34375 679.140625x17.46875]
+ line 5 width: 679.140625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
+ frag 0 from TextNode start: 283, length: 77, rect: [108,95 679.140625x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum"
- line 6 width: 783.828125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
- frag 0 from TextNode start: 361, length: 89, rect: [8,112.8125 783.828125x17.46875]
+ line 6 width: 783.828125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
+ frag 0 from TextNode start: 361, length: 89, rect: [8,112 783.828125x17.46875]
"lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 7 width: 731.484375, height: 17.46875, bottom: 139.75, baseline: 13.53125
- frag 0 from TextNode start: 451, length: 83, rect: [8,130.28125 731.484375x17.46875]
+ line 7 width: 731.484375, height: 17.75, bottom: 140.03125, baseline: 13.53125
+ frag 0 from TextNode start: 451, length: 83, rect: [8,130 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 8 width: 731.484375, height: 17.46875, bottom: 157.21875, baseline: 13.53125
- frag 0 from TextNode start: 535, length: 83, rect: [8,147.75 731.484375x17.46875]
+ line 8 width: 731.484375, height: 18.21875, bottom: 157.96875, baseline: 13.53125
+ frag 0 from TextNode start: 535, length: 83, rect: [8,147 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 9 width: 731.484375, height: 17.46875, bottom: 174.6875, baseline: 13.53125
- frag 0 from TextNode start: 619, length: 83, rect: [8,165.21875 731.484375x17.46875]
+ line 9 width: 731.484375, height: 17.6875, bottom: 174.90625, baseline: 13.53125
+ frag 0 from TextNode start: 619, length: 83, rect: [8,165 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 10 width: 731.484375, height: 17.46875, bottom: 192.15625, baseline: 13.53125
- frag 0 from TextNode start: 703, length: 83, rect: [8,182.6875 731.484375x17.46875]
+ line 10 width: 731.484375, height: 18.15625, bottom: 192.84375, baseline: 13.53125
+ frag 0 from TextNode start: 703, length: 83, rect: [8,182 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 11 width: 731.484375, height: 17.46875, bottom: 209.625, baseline: 13.53125
- frag 0 from TextNode start: 787, length: 83, rect: [8,200.15625 731.484375x17.46875]
+ line 11 width: 731.484375, height: 17.625, bottom: 209.78125, baseline: 13.53125
+ frag 0 from TextNode start: 787, length: 83, rect: [8,200 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 12 width: 731.484375, height: 17.46875, bottom: 227.09375, baseline: 13.53125
- frag 0 from TextNode start: 871, length: 83, rect: [8,217.625 731.484375x17.46875]
+ line 12 width: 731.484375, height: 18.09375, bottom: 227.71875, baseline: 13.53125
+ frag 0 from TextNode start: 871, length: 83, rect: [8,217 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 13 width: 731.484375, height: 17.46875, bottom: 244.5625, baseline: 13.53125
- frag 0 from TextNode start: 955, length: 83, rect: [8,235.09375 731.484375x17.46875]
+ line 13 width: 731.484375, height: 17.5625, bottom: 244.65625, baseline: 13.53125
+ frag 0 from TextNode start: 955, length: 83, rect: [8,235 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 14 width: 731.484375, height: 17.46875, bottom: 262.03125, baseline: 13.53125
- frag 0 from TextNode start: 1039, length: 83, rect: [8,252.5625 731.484375x17.46875]
+ line 14 width: 731.484375, height: 18.03125, bottom: 262.59375, baseline: 13.53125
+ frag 0 from TextNode start: 1039, length: 83, rect: [8,252 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 15 width: 731.484375, height: 17.46875, bottom: 279.5, baseline: 13.53125
- frag 0 from TextNode start: 1123, length: 83, rect: [8,270.03125 731.484375x17.46875]
+ line 15 width: 731.484375, height: 17.5, bottom: 279.53125, baseline: 13.53125
+ frag 0 from TextNode start: 1123, length: 83, rect: [8,270 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 16 width: 731.484375, height: 17.46875, bottom: 296.96875, baseline: 13.53125
- frag 0 from TextNode start: 1207, length: 83, rect: [8,287.5 731.484375x17.46875]
+ line 16 width: 731.484375, height: 17.96875, bottom: 297.46875, baseline: 13.53125
+ frag 0 from TextNode start: 1207, length: 83, rect: [8,287 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 17 width: 731.484375, height: 17.46875, bottom: 314.4375, baseline: 13.53125
- frag 0 from TextNode start: 1291, length: 83, rect: [8,304.96875 731.484375x17.46875]
+ line 17 width: 731.484375, height: 18.4375, bottom: 315.40625, baseline: 13.53125
+ frag 0 from TextNode start: 1291, length: 83, rect: [8,304 731.484375x17.46875]
"ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem"
- line 18 width: 45.296875, height: 17.46875, bottom: 331.90625, baseline: 13.53125
- frag 0 from TextNode start: 1375, length: 5, rect: [8,322.4375 45.296875x17.46875]
+ line 18 width: 45.296875, height: 17.90625, bottom: 332.34375, baseline: 13.53125
+ frag 0 from TextNode start: 1375, length: 5, rect: [8,322 45.296875x17.46875]
"ipsum"
TextNode <#text>
- BlockContainer <(anonymous)> at (8,339.90625) content-size 784x0 children: inline
+ BlockContainer <(anonymous)> at (8,340.34375) content-size 784x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
- PaintableWithLines (BlockContainer) [8,8 784x331.90625]
+ PaintableWithLines (BlockContainer) [8,8 784x332.34375]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
PaintableWithLines (BlockContainer
) [8,8 784x0]
PaintableWithLines (BlockContainer
#lefty) [8,8 100x100]
@@ -135,6 +135,6 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer
#righty3) [692,8 20x20] overflow: [692,8 22.78125x20]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x0]
- PaintableWithLines (BlockContainer
) [8,8 784x331.90625]
+ PaintableWithLines (BlockContainer
) [8,8 784x332.34375]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer(anonymous)) [8,339.90625 784x0]
+ PaintableWithLines (BlockContainer(anonymous)) [8,340.34375 784x0]
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt b/Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
index 0527f6a0c8a..0b7130dffea 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-3.txt
@@ -17,7 +17,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer
at (9,109) content-size 778x17.46875 children: inline
line 0 width: 54.796875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 6, rect: [370.59375,109 54.796875x17.46875]
+ frag 0 from TextNode start: 0, length: 6, rect: [371,109 54.796875x17.46875]
"foobar"
TextNode <#text>
BlockContainer <(anonymous)> at (9,126.46875) content-size 778x0 children: inline
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt b/Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
index 6e06dbc3b4f..d43c87013ea 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-4.txt
@@ -6,19 +6,19 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer
at (9,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 39.21875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 5, rect: [14.390625,9 39.21875x17.46875]
+ frag 0 from TextNode start: 0, length: 5, rect: [14,9 39.21875x17.46875]
"Left1"
TextNode <#text>
TextNode <#text>
BlockContainer at (737,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 48.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 6, rect: [737.84375,9 48.3125x17.46875]
+ frag 0 from TextNode start: 0, length: 6, rect: [738,9 48.3125x17.46875]
"Right1"
TextNode <#text>
TextNode <#text>
BlockContainer at (61,9) content-size 50x50 floating [BFC] children: inline
line 0 width: 41.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 5, rect: [65.15625,9 41.6875x17.46875]
+ frag 0 from TextNode start: 0, length: 5, rect: [65,9 41.6875x17.46875]
"Left2"
TextNode <#text>
TextNode <#text>
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt b/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
index 4b1fcd09529..a6db6a06ff3 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-clear-by-line-break.txt
@@ -1,11 +1,11 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x34.9375 children: inline
+ BlockContainer at (8,8) content-size 784x35.40625 children: inline
line 0 width: 6.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [108,8 6.34375x17.46875]
"1"
- line 1 width: 8.8125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 1, rect: [108,25.46875 8.8125x17.46875]
+ line 1 width: 8.8125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 0, length: 1, rect: [108,25 8.8125x17.46875]
"2"
BlockContainer at (8,8) content-size 100x17.46875 floating [BFC] children: inline
line 0 width: 14.265625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
@@ -27,7 +27,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
- PaintableWithLines (BlockContainer) [8,8 784x34.9375]
+ PaintableWithLines (BlockContainer) [8,8 784x35.40625]
PaintableWithLines (BlockContainer.a) [8,8 100x17.46875]
TextPaintable (TextNode<#text>)
InlinePaintable (InlineNode)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt b/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
index d6bca8ecafe..d1aafa4602d 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-justified-text-in-between.txt
@@ -1,200 +1,200 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (1,1) content-size 798x600 [BFC] children: not-inline
- BlockContainer at (252,10) content-size 538x399.1875 children: inline
+ BlockContainer at (252,10) content-size 538x399.53125 children: inline
line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 1, length: 5, rect: [554,10 63.71875x21.84375]
"Lorem"
- frag 1 from TextNode start: 6, length: 1, rect: [617.71875,10 12.546875x21.84375]
+ frag 1 from TextNode start: 6, length: 1, rect: [618,10 12.546875x21.84375]
" "
- frag 2 from TextNode start: 7, length: 5, rect: [630.265625,10 56.625x21.84375]
+ frag 2 from TextNode start: 7, length: 5, rect: [630.546875,10 56.625x21.84375]
"ipsum"
- frag 3 from TextNode start: 12, length: 1, rect: [686.890625,10 12.546875x21.84375]
+ frag 3 from TextNode start: 12, length: 1, rect: [686.546875,10 12.546875x21.84375]
" "
- frag 4 from TextNode start: 13, length: 5, rect: [699.4375,10 52.046875x21.84375]
+ frag 4 from TextNode start: 13, length: 5, rect: [699.09375,10 52.046875x21.84375]
"dolor"
- frag 5 from TextNode start: 18, length: 1, rect: [751.484375,10 12.546875x21.84375]
+ frag 5 from TextNode start: 18, length: 1, rect: [751.09375,10 12.546875x21.84375]
" "
- frag 6 from TextNode start: 19, length: 3, rect: [764.03125,10 25.953125x21.84375]
+ frag 6 from TextNode start: 19, length: 3, rect: [763.640625,10 25.953125x21.84375]
"sit"
- line 1 width: 183.78125, height: 21.84375, bottom: 43.6875, baseline: 16.921875
- frag 0 from TextNode start: 23, length: 5, rect: [554,31.84375 52.71875x21.84375]
+ line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875
+ frag 0 from TextNode start: 23, length: 5, rect: [554,31 52.71875x21.84375]
"amet,"
- frag 1 from TextNode start: 28, length: 1, rect: [606.71875,31.84375 62.21875x21.84375]
+ frag 1 from TextNode start: 28, length: 1, rect: [607,31 62.21875x21.84375]
" "
- frag 2 from TextNode start: 29, length: 11, rect: [668.9375,31.84375 121.0625x21.84375]
+ frag 2 from TextNode start: 29, length: 11, rect: [669.21875,31 121.0625x21.84375]
"consectetur"
- line 2 width: 140.5625, height: 21.84375, bottom: 65.53125, baseline: 16.921875
- frag 0 from TextNode start: 41, length: 10, rect: [554,53.6875 94.65625x21.84375]
+ line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875
+ frag 0 from TextNode start: 41, length: 10, rect: [554,53 94.65625x21.84375]
"adipiscing"
- frag 1 from TextNode start: 51, length: 1, rect: [648.65625,53.6875 105.4375x21.84375]
+ frag 1 from TextNode start: 51, length: 1, rect: [649,53 105.4375x21.84375]
" "
- frag 2 from TextNode start: 52, length: 5, rect: [754.09375,53.6875 35.90625x21.84375]
+ frag 2 from TextNode start: 52, length: 5, rect: [754.4375,53 35.90625x21.84375]
"elit."
- line 3 width: 145, height: 21.84375, bottom: 87.375, baseline: 16.921875
- frag 0 from TextNode start: 58, length: 11, rect: [554,75.53125 123.3125x21.84375]
+ line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875
+ frag 0 from TextNode start: 58, length: 11, rect: [554,75 123.3125x21.84375]
"Suspendisse"
- frag 1 from TextNode start: 69, length: 1, rect: [677.3125,75.53125 101x21.84375]
+ frag 1 from TextNode start: 69, length: 1, rect: [677,75 101x21.84375]
" "
- frag 2 from TextNode start: 70, length: 1, rect: [778.3125,75.53125 11.6875x21.84375]
+ frag 2 from TextNode start: 70, length: 1, rect: [778,75 11.6875x21.84375]
"a"
- line 4 width: 196.703125, height: 21.84375, bottom: 109.21875, baseline: 16.921875
- frag 0 from TextNode start: 72, length: 8, rect: [554,97.375 82.046875x21.84375]
+ line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
+ frag 0 from TextNode start: 72, length: 8, rect: [554,97 82.046875x21.84375]
"placerat"
- frag 1 from TextNode start: 80, length: 1, rect: [636.046875,97.375 29.640625x21.84375]
+ frag 1 from TextNode start: 80, length: 1, rect: [636,97 29.640625x21.84375]
" "
- frag 2 from TextNode start: 81, length: 7, rect: [665.6875,97.375 73.875x21.84375]
+ frag 2 from TextNode start: 81, length: 7, rect: [665.640625,97 73.875x21.84375]
"mauris,"
- frag 3 from TextNode start: 88, length: 1, rect: [739.5625,97.375 29.640625x21.84375]
+ frag 3 from TextNode start: 88, length: 1, rect: [739.640625,97 29.640625x21.84375]
" "
- frag 4 from TextNode start: 89, length: 2, rect: [769.203125,97.375 20.78125x21.84375]
+ frag 4 from TextNode start: 89, length: 2, rect: [769.28125,97 20.78125x21.84375]
"ut"
- line 5 width: 234.6875, height: 21.84375, bottom: 131.0625, baseline: 16.921875
- frag 0 from TextNode start: 92, length: 9, rect: [554,119.21875 101.28125x21.84375]
+ line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
+ frag 0 from TextNode start: 92, length: 9, rect: [554,119 101.28125x21.84375]
"elementum"
- frag 1 from TextNode start: 101, length: 1, rect: [655.28125,119.21875 10.4375x21.84375]
+ frag 1 from TextNode start: 101, length: 1, rect: [655,119 10.4375x21.84375]
" "
- frag 2 from TextNode start: 102, length: 3, rect: [665.71875,119.21875 26.390625x21.84375]
+ frag 2 from TextNode start: 102, length: 3, rect: [665.4375,119 26.390625x21.84375]
"mi."
- frag 3 from TextNode start: 105, length: 1, rect: [692.109375,119.21875 10.4375x21.84375]
+ frag 3 from TextNode start: 105, length: 1, rect: [692.4375,119 10.4375x21.84375]
" "
- frag 4 from TextNode start: 106, length: 5, rect: [702.546875,119.21875 56.234375x21.84375]
+ frag 4 from TextNode start: 106, length: 5, rect: [702.875,119 56.234375x21.84375]
"Morbi"
- frag 5 from TextNode start: 111, length: 1, rect: [758.78125,119.21875 10.4375x21.84375]
+ frag 5 from TextNode start: 111, length: 1, rect: [758.875,119 10.4375x21.84375]
" "
- frag 6 from TextNode start: 112, length: 2, rect: [769.21875,119.21875 20.78125x21.84375]
+ frag 6 from TextNode start: 112, length: 2, rect: [769.3125,119 20.78125x21.84375]
"ut"
- line 6 width: 201.53125, height: 21.84375, bottom: 152.90625, baseline: 16.921875
- frag 0 from TextNode start: 115, length: 8, rect: [554,141.0625 78.765625x21.84375]
+ line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875
+ frag 0 from TextNode start: 115, length: 8, rect: [554,141 78.765625x21.84375]
"vehicula"
- frag 1 from TextNode start: 123, length: 1, rect: [632.765625,141.0625 27.234375x21.84375]
+ frag 1 from TextNode start: 123, length: 1, rect: [633,141 27.234375x21.84375]
" "
- frag 2 from TextNode start: 124, length: 6, rect: [660,141.0625 62.9375x21.84375]
+ frag 2 from TextNode start: 124, length: 6, rect: [660.234375,141 62.9375x21.84375]
"ipsum,"
- frag 3 from TextNode start: 130, length: 1, rect: [722.9375,141.0625 27.234375x21.84375]
+ frag 3 from TextNode start: 130, length: 1, rect: [723.234375,141 27.234375x21.84375]
" "
- frag 4 from TextNode start: 131, length: 4, rect: [750.171875,141.0625 39.828125x21.84375]
+ frag 4 from TextNode start: 131, length: 4, rect: [750.46875,141 39.828125x21.84375]
"eget"
- line 7 width: 232.53125, height: 21.84375, bottom: 174.75, baseline: 16.921875
- frag 0 from TextNode start: 136, length: 8, rect: [554,162.90625 82.046875x21.84375]
+ line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875
+ frag 0 from TextNode start: 136, length: 8, rect: [554,162 82.046875x21.84375]
"placerat"
- frag 1 from TextNode start: 144, length: 1, rect: [636.046875,162.90625 11.734375x21.84375]
+ frag 1 from TextNode start: 144, length: 1, rect: [636,162 11.734375x21.84375]
" "
- frag 2 from TextNode start: 145, length: 6, rect: [647.78125,162.90625 61.875x21.84375]
+ frag 2 from TextNode start: 145, length: 6, rect: [647.734375,162 61.875x21.84375]
"augue."
- frag 3 from TextNode start: 151, length: 1, rect: [709.65625,162.90625 11.734375x21.84375]
+ frag 3 from TextNode start: 151, length: 1, rect: [709.734375,162 11.734375x21.84375]
" "
- frag 4 from TextNode start: 152, length: 7, rect: [721.390625,162.90625 68.609375x21.84375]
+ frag 4 from TextNode start: 152, length: 7, rect: [721.46875,162 68.609375x21.84375]
"Integer"
- line 8 width: 202.96875, height: 21.84375, bottom: 196.59375, baseline: 16.921875
- frag 0 from TextNode start: 160, length: 6, rect: [554,184.75 70.3125x21.84375]
+ line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
+ frag 0 from TextNode start: 160, length: 6, rect: [554,184 70.3125x21.84375]
"rutrum"
- frag 1 from TextNode start: 166, length: 1, rect: [624.3125,184.75 21x21.84375]
+ frag 1 from TextNode start: 166, length: 1, rect: [624,184 21x21.84375]
" "
- frag 2 from TextNode start: 167, length: 4, rect: [645.3125,184.75 35.09375x21.84375]
+ frag 2 from TextNode start: 167, length: 4, rect: [645,184 35.09375x21.84375]
"nisi"
- frag 3 from TextNode start: 171, length: 1, rect: [680.40625,184.75 21x21.84375]
+ frag 3 from TextNode start: 171, length: 1, rect: [680,184 21x21.84375]
" "
- frag 4 from TextNode start: 172, length: 4, rect: [701.40625,184.75 39.828125x21.84375]
+ frag 4 from TextNode start: 172, length: 4, rect: [701,184 39.828125x21.84375]
"eget"
- frag 5 from TextNode start: 176, length: 1, rect: [741.234375,184.75 21x21.84375]
+ frag 5 from TextNode start: 176, length: 1, rect: [741,184 21x21.84375]
" "
- frag 6 from TextNode start: 177, length: 3, rect: [762.234375,184.75 27.734375x21.84375]
+ frag 6 from TextNode start: 177, length: 3, rect: [762,184 27.734375x21.84375]
"dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0
- line 10 width: 208.828125, height: 21.84375, bottom: 224.4375, baseline: 16.921875
- frag 0 from TextNode start: 181, length: 7, rect: [252,212.59375 68.984375x21.84375]
+ line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
+ frag 0 from TextNode start: 181, length: 7, rect: [252,212 68.984375x21.84375]
"dictum,"
- frag 1 from TextNode start: 188, length: 1, rect: [320.984375,212.59375 23.578125x21.84375]
+ frag 1 from TextNode start: 188, length: 1, rect: [321,212 23.578125x21.84375]
" "
- frag 2 from TextNode start: 189, length: 2, rect: [344.5625,212.59375 23.109375x21.84375]
+ frag 2 from TextNode start: 189, length: 2, rect: [344.578125,212 23.109375x21.84375]
"eu"
- frag 3 from TextNode start: 191, length: 1, rect: [367.671875,212.59375 23.578125x21.84375]
+ frag 3 from TextNode start: 191, length: 1, rect: [367.578125,212 23.578125x21.84375]
" "
- frag 4 from TextNode start: 192, length: 8, rect: [391.25,212.59375 96.734375x21.84375]
+ frag 4 from TextNode start: 192, length: 8, rect: [391.15625,212 96.734375x21.84375]
"accumsan"
- line 11 width: 180.1875, height: 21.84375, bottom: 246.28125, baseline: 16.921875
- frag 0 from TextNode start: 201, length: 4, rect: [252,234.4375 43.875x21.84375]
+ line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
+ frag 0 from TextNode start: 201, length: 4, rect: [252,234 43.875x21.84375]
"enim"
- frag 1 from TextNode start: 205, length: 1, rect: [295.875,234.4375 37.90625x21.84375]
+ frag 1 from TextNode start: 205, length: 1, rect: [296,234 37.90625x21.84375]
" "
- frag 2 from TextNode start: 206, length: 10, rect: [333.78125,234.4375 93.625x21.84375]
+ frag 2 from TextNode start: 206, length: 10, rect: [333.90625,234 93.625x21.84375]
"tristique."
- frag 3 from TextNode start: 216, length: 1, rect: [427.40625,234.4375 37.90625x21.84375]
+ frag 3 from TextNode start: 216, length: 1, rect: [427.90625,234 37.90625x21.84375]
" "
- frag 4 from TextNode start: 217, length: 2, rect: [465.3125,234.4375 22.6875x21.84375]
+ frag 4 from TextNode start: 217, length: 2, rect: [465.8125,234 22.6875x21.84375]
"Ut"
- line 12 width: 195.28125, height: 21.84375, bottom: 268.125, baseline: 16.921875
- frag 0 from TextNode start: 220, length: 8, rect: [252,256.28125 80.015625x21.84375]
+ line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875
+ frag 0 from TextNode start: 220, length: 8, rect: [252,256 80.015625x21.84375]
"lobortis"
- frag 1 from TextNode start: 228, length: 1, rect: [332.015625,256.28125 30.359375x21.84375]
+ frag 1 from TextNode start: 228, length: 1, rect: [332,256 30.359375x21.84375]
" "
- frag 2 from TextNode start: 229, length: 5, rect: [362.375,256.28125 55.4375x21.84375]
+ frag 2 from TextNode start: 229, length: 5, rect: [362.359375,256 55.4375x21.84375]
"lorem"
- frag 3 from TextNode start: 234, length: 1, rect: [417.8125,256.28125 30.359375x21.84375]
+ frag 3 from TextNode start: 234, length: 1, rect: [417.359375,256 30.359375x21.84375]
" "
- frag 4 from TextNode start: 235, length: 4, rect: [448.171875,256.28125 39.828125x21.84375]
+ frag 4 from TextNode start: 235, length: 4, rect: [447.71875,256 39.828125x21.84375]
"eget"
- line 13 width: 222.921875, height: 21.84375, bottom: 289.96875, baseline: 16.921875
- frag 0 from TextNode start: 240, length: 3, rect: [252,278.125 31.15625x21.84375]
+ line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
+ frag 0 from TextNode start: 240, length: 3, rect: [252,278 31.15625x21.84375]
"est"
- frag 1 from TextNode start: 243, length: 1, rect: [283.15625,278.125 16.53125x21.84375]
+ frag 1 from TextNode start: 243, length: 1, rect: [283,278 16.53125x21.84375]
" "
- frag 2 from TextNode start: 244, length: 9, rect: [299.6875,278.125 91.46875x21.84375]
+ frag 2 from TextNode start: 244, length: 9, rect: [299.53125,278 91.46875x21.84375]
"vulputate"
- frag 3 from TextNode start: 253, length: 1, rect: [391.15625,278.125 16.53125x21.84375]
+ frag 3 from TextNode start: 253, length: 1, rect: [391.53125,278 16.53125x21.84375]
" "
- frag 4 from TextNode start: 254, length: 8, rect: [407.6875,278.125 80.296875x21.84375]
+ frag 4 from TextNode start: 254, length: 8, rect: [408.0625,278 80.296875x21.84375]
"egestas."
- line 14 width: 223.125, height: 21.84375, bottom: 311.8125, baseline: 16.921875
- frag 0 from TextNode start: 263, length: 7, rect: [252,299.96875 68.609375x21.84375]
+ line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
+ frag 0 from TextNode start: 263, length: 7, rect: [252,299 68.609375x21.84375]
"Integer"
- frag 1 from TextNode start: 270, length: 1, rect: [320.609375,299.96875 16.4375x21.84375]
+ frag 1 from TextNode start: 270, length: 1, rect: [321,299 16.4375x21.84375]
" "
- frag 2 from TextNode start: 271, length: 7, rect: [337.046875,299.96875 71.328125x21.84375]
+ frag 2 from TextNode start: 271, length: 7, rect: [337.4375,299 71.328125x21.84375]
"laoreet"
- frag 3 from TextNode start: 278, length: 1, rect: [408.375,299.96875 16.4375x21.84375]
+ frag 3 from TextNode start: 278, length: 1, rect: [408.4375,299 16.4375x21.84375]
" "
- frag 4 from TextNode start: 279, length: 7, rect: [424.8125,299.96875 63.1875x21.84375]
+ frag 4 from TextNode start: 279, length: 7, rect: [424.875,299 63.1875x21.84375]
"lacinia"
- line 15 width: 222.609375, height: 21.84375, bottom: 333.65625, baseline: 16.921875
- frag 0 from TextNode start: 287, length: 4, rect: [252,321.8125 43.15625x21.84375]
+ line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
+ frag 0 from TextNode start: 287, length: 4, rect: [252,321 43.15625x21.84375]
"ante"
- frag 1 from TextNode start: 291, length: 1, rect: [295.15625,321.8125 16.6875x21.84375]
+ frag 1 from TextNode start: 291, length: 1, rect: [295,321 16.6875x21.84375]
" "
- frag 2 from TextNode start: 292, length: 7, rect: [311.84375,321.8125 74x21.84375]
+ frag 2 from TextNode start: 292, length: 7, rect: [311.6875,321 74x21.84375]
"sodales"
- frag 3 from TextNode start: 299, length: 1, rect: [385.84375,321.8125 16.6875x21.84375]
+ frag 3 from TextNode start: 299, length: 1, rect: [385.6875,321 16.6875x21.84375]
" "
- frag 4 from TextNode start: 300, length: 9, rect: [402.53125,321.8125 85.453125x21.84375]
+ frag 4 from TextNode start: 300, length: 9, rect: [402.375,321 85.453125x21.84375]
"lobortis."
- line 16 width: 178.3125, height: 21.84375, bottom: 355.5, baseline: 16.921875
- frag 0 from TextNode start: 310, length: 5, rect: [252,343.65625 60.90625x21.84375]
+ line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
+ frag 0 from TextNode start: 310, length: 5, rect: [252,343 60.90625x21.84375]
"Donec"
- frag 1 from TextNode start: 315, length: 1, rect: [312.90625,343.65625 38.84375x21.84375]
+ frag 1 from TextNode start: 315, length: 1, rect: [313,343 38.84375x21.84375]
" "
- frag 2 from TextNode start: 316, length: 1, rect: [351.75,343.65625 11.6875x21.84375]
+ frag 2 from TextNode start: 316, length: 1, rect: [351.84375,343 11.6875x21.84375]
"a"
- frag 3 from TextNode start: 317, length: 1, rect: [363.4375,343.65625 38.84375x21.84375]
+ frag 3 from TextNode start: 317, length: 1, rect: [363.84375,343 38.84375x21.84375]
" "
- frag 4 from TextNode start: 318, length: 9, rect: [402.28125,343.65625 85.71875x21.84375]
+ frag 4 from TextNode start: 318, length: 9, rect: [402.6875,343 85.71875x21.84375]
"tincidunt"
- line 17 width: 231.078125, height: 21.84375, bottom: 377.34375, baseline: 16.921875
- frag 0 from TextNode start: 328, length: 5, rect: [252,365.5 48.59375x21.84375]
+ line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875
+ frag 0 from TextNode start: 328, length: 5, rect: [252,365 48.59375x21.84375]
"ante."
- frag 1 from TextNode start: 333, length: 1, rect: [300.59375,365.5 11.640625x21.84375]
+ frag 1 from TextNode start: 333, length: 1, rect: [301,365 11.640625x21.84375]
" "
- frag 2 from TextNode start: 334, length: 9, rect: [312.234375,365.5 94.765625x21.84375]
+ frag 2 from TextNode start: 334, length: 9, rect: [312.640625,365 94.765625x21.84375]
"Phasellus"
- frag 3 from TextNode start: 343, length: 1, rect: [407,365.5 11.640625x21.84375]
+ frag 3 from TextNode start: 343, length: 1, rect: [406.640625,365 11.640625x21.84375]
" "
- frag 4 from TextNode start: 344, length: 1, rect: [418.640625,365.5 11.6875x21.84375]
+ frag 4 from TextNode start: 344, length: 1, rect: [418.28125,365 11.6875x21.84375]
"a"
- frag 5 from TextNode start: 345, length: 1, rect: [430.328125,365.5 11.640625x21.84375]
+ frag 5 from TextNode start: 345, length: 1, rect: [430.28125,365 11.640625x21.84375]
" "
- frag 6 from TextNode start: 346, length: 4, rect: [441.96875,365.5 46.03125x21.84375]
+ frag 6 from TextNode start: 346, length: 4, rect: [441.921875,365 46.03125x21.84375]
"arcu"
- line 18 width: 70.546875, height: 21.84375, bottom: 399.1875, baseline: 16.921875
- frag 0 from TextNode start: 351, length: 7, rect: [252,387.34375 70.546875x21.84375]
+ line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875
+ frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375]
"tortor."
BlockContainer at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@@ -203,7 +203,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer) [0,0 800x602]
- PaintableWithLines (BlockContainer) [251,9 540x401.1875]
+ PaintableWithLines (BlockContainer) [251,9 540x401.53125] overflow: [252,10 538.34375x399.53125]
PaintableWithLines (BlockContainer.left) [252,10 302x202]
PaintableWithLines (BlockContainer
.right) [488,212 302x202]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt b/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
index 596828fa42d..c2996741ba8 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-left-and-right-with-text-in-between.txt
@@ -1,60 +1,60 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (1,1) content-size 798x600 [BFC] children: not-inline
- BlockContainer at (252,10) content-size 538x399.1875 children: inline
+ BlockContainer at (252,10) content-size 538x399.53125 children: inline
line 0 width: 228.34375, height: 21.84375, bottom: 21.84375, baseline: 16.921875
frag 0 from TextNode start: 1, length: 21, rect: [554,10 228.34375x21.84375]
"Lorem ipsum dolor sit"
- line 1 width: 183.78125, height: 21.84375, bottom: 43.6875, baseline: 16.921875
- frag 0 from TextNode start: 23, length: 17, rect: [554,31.84375 183.78125x21.84375]
+ line 1 width: 183.78125, height: 22.6875, bottom: 44.53125, baseline: 16.921875
+ frag 0 from TextNode start: 23, length: 17, rect: [554,31 183.78125x21.84375]
"amet, consectetur"
- line 2 width: 140.5625, height: 21.84375, bottom: 65.53125, baseline: 16.921875
- frag 0 from TextNode start: 41, length: 16, rect: [554,53.6875 140.5625x21.84375]
+ line 2 width: 140.5625, height: 22.53125, bottom: 66.21875, baseline: 16.921875
+ frag 0 from TextNode start: 41, length: 16, rect: [554,53 140.5625x21.84375]
"adipiscing elit."
- line 3 width: 145, height: 21.84375, bottom: 87.375, baseline: 16.921875
- frag 0 from TextNode start: 58, length: 13, rect: [554,75.53125 145x21.84375]
+ line 3 width: 145, height: 22.375, bottom: 87.90625, baseline: 16.921875
+ frag 0 from TextNode start: 58, length: 13, rect: [554,75 145x21.84375]
"Suspendisse a"
- line 4 width: 196.703125, height: 21.84375, bottom: 109.21875, baseline: 16.921875
- frag 0 from TextNode start: 72, length: 19, rect: [554,97.375 196.703125x21.84375]
+ line 4 width: 196.703125, height: 22.21875, bottom: 109.59375, baseline: 16.921875
+ frag 0 from TextNode start: 72, length: 19, rect: [554,97 196.703125x21.84375]
"placerat mauris, ut"
- line 5 width: 234.6875, height: 21.84375, bottom: 131.0625, baseline: 16.921875
- frag 0 from TextNode start: 92, length: 22, rect: [554,119.21875 234.6875x21.84375]
+ line 5 width: 234.6875, height: 22.0625, bottom: 131.28125, baseline: 16.921875
+ frag 0 from TextNode start: 92, length: 22, rect: [554,119 234.6875x21.84375]
"elementum mi. Morbi ut"
- line 6 width: 201.53125, height: 21.84375, bottom: 152.90625, baseline: 16.921875
- frag 0 from TextNode start: 115, length: 20, rect: [554,141.0625 201.53125x21.84375]
+ line 6 width: 201.53125, height: 21.90625, bottom: 152.96875, baseline: 16.921875
+ frag 0 from TextNode start: 115, length: 20, rect: [554,141 201.53125x21.84375]
"vehicula ipsum, eget"
- line 7 width: 232.53125, height: 21.84375, bottom: 174.75, baseline: 16.921875
- frag 0 from TextNode start: 136, length: 23, rect: [554,162.90625 232.53125x21.84375]
+ line 7 width: 232.53125, height: 22.75, bottom: 175.65625, baseline: 16.921875
+ frag 0 from TextNode start: 136, length: 23, rect: [554,162 232.53125x21.84375]
"placerat augue. Integer"
- line 8 width: 202.96875, height: 21.84375, bottom: 196.59375, baseline: 16.921875
- frag 0 from TextNode start: 160, length: 20, rect: [554,184.75 202.96875x21.84375]
+ line 8 width: 202.96875, height: 22.59375, bottom: 197.34375, baseline: 16.921875
+ frag 0 from TextNode start: 160, length: 20, rect: [554,184 202.96875x21.84375]
"rutrum nisi eget dui"
line 9 width: 0, height: 0, bottom: 0, baseline: 0
- line 10 width: 208.828125, height: 21.84375, bottom: 224.4375, baseline: 16.921875
- frag 0 from TextNode start: 181, length: 19, rect: [252,212.59375 208.828125x21.84375]
+ line 10 width: 208.828125, height: 22.4375, bottom: 225.03125, baseline: 16.921875
+ frag 0 from TextNode start: 181, length: 19, rect: [252,212 208.828125x21.84375]
"dictum, eu accumsan"
- line 11 width: 180.1875, height: 21.84375, bottom: 246.28125, baseline: 16.921875
- frag 0 from TextNode start: 201, length: 18, rect: [252,234.4375 180.1875x21.84375]
+ line 11 width: 180.1875, height: 22.28125, bottom: 246.71875, baseline: 16.921875
+ frag 0 from TextNode start: 201, length: 18, rect: [252,234 180.1875x21.84375]
"enim tristique. Ut"
- line 12 width: 195.28125, height: 21.84375, bottom: 268.125, baseline: 16.921875
- frag 0 from TextNode start: 220, length: 19, rect: [252,256.28125 195.28125x21.84375]
+ line 12 width: 195.28125, height: 22.125, bottom: 268.40625, baseline: 16.921875
+ frag 0 from TextNode start: 220, length: 19, rect: [252,256 195.28125x21.84375]
"lobortis lorem eget"
- line 13 width: 222.921875, height: 21.84375, bottom: 289.96875, baseline: 16.921875
- frag 0 from TextNode start: 240, length: 22, rect: [252,278.125 222.921875x21.84375]
+ line 13 width: 222.921875, height: 21.96875, bottom: 290.09375, baseline: 16.921875
+ frag 0 from TextNode start: 240, length: 22, rect: [252,278 222.921875x21.84375]
"est vulputate egestas."
- line 14 width: 223.125, height: 21.84375, bottom: 311.8125, baseline: 16.921875
- frag 0 from TextNode start: 263, length: 23, rect: [252,299.96875 223.125x21.84375]
+ line 14 width: 223.125, height: 22.8125, bottom: 312.78125, baseline: 16.921875
+ frag 0 from TextNode start: 263, length: 23, rect: [252,299 223.125x21.84375]
"Integer laoreet lacinia"
- line 15 width: 222.609375, height: 21.84375, bottom: 333.65625, baseline: 16.921875
- frag 0 from TextNode start: 287, length: 22, rect: [252,321.8125 222.609375x21.84375]
+ line 15 width: 222.609375, height: 22.65625, bottom: 334.46875, baseline: 16.921875
+ frag 0 from TextNode start: 287, length: 22, rect: [252,321 222.609375x21.84375]
"ante sodales lobortis."
- line 16 width: 178.3125, height: 21.84375, bottom: 355.5, baseline: 16.921875
- frag 0 from TextNode start: 310, length: 17, rect: [252,343.65625 178.3125x21.84375]
+ line 16 width: 178.3125, height: 22.5, bottom: 356.15625, baseline: 16.921875
+ frag 0 from TextNode start: 310, length: 17, rect: [252,343 178.3125x21.84375]
"Donec a tincidunt"
- line 17 width: 231.078125, height: 21.84375, bottom: 377.34375, baseline: 16.921875
- frag 0 from TextNode start: 328, length: 22, rect: [252,365.5 231.078125x21.84375]
+ line 17 width: 231.078125, height: 22.34375, bottom: 377.84375, baseline: 16.921875
+ frag 0 from TextNode start: 328, length: 22, rect: [252,365 231.078125x21.84375]
"ante. Phasellus a arcu"
- line 18 width: 70.546875, height: 21.84375, bottom: 399.1875, baseline: 16.921875
- frag 0 from TextNode start: 351, length: 7, rect: [252,387.34375 70.546875x21.84375]
+ line 18 width: 70.546875, height: 22.1875, bottom: 399.53125, baseline: 16.921875
+ frag 0 from TextNode start: 351, length: 7, rect: [252,387 70.546875x21.84375]
"tortor."
BlockContainer
at (253,11) content-size 300x200 floating [BFC] children: not-inline
TextNode <#text>
@@ -63,7 +63,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer) [0,0 800x602]
- PaintableWithLines (BlockContainer) [251,9 540x401.1875]
+ PaintableWithLines (BlockContainer) [251,9 540x401.53125]
PaintableWithLines (BlockContainer.left) [252,10 302x202]
PaintableWithLines (BlockContainer
.right) [488,212 302x202]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/float-stress-1.txt b/Tests/LibWeb/Layout/expected/block-and-inline/float-stress-1.txt
index 96396816844..5def947230a 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/float-stress-1.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/float-stress-1.txt
@@ -40,7 +40,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 11 width: 239.203125, height: 16, bottom: 180, baseline: 12.796875
frag 0 from TextNode start: 57, length: 16, rect: [61,173 141.203125x16]
"baz foo bar baz "
- frag 1 from TextNode start: 1, length: 11, rect: [202.203125,173 98x16]
+ frag 1 from TextNode start: 1, length: 11, rect: [202,173 98x16]
"foo bar baz"
line 12 width: 204, height: 16, bottom: 196, baseline: 12.796875
frag 0 from TextNode start: 13, length: 12, rect: [61,189 106x16]
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt b/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
index 28ae3532a91..de18515277a 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-1.txt
@@ -2,33 +2,33 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer at (10,10) content-size 780x92.9375 children: inline
line 0 width: 307.140625, height: 92.9375, bottom: 92.9375, baseline: 35
- frag 0 from TextNode start: 0, length: 13, rect: [10,31.46875 103.140625x17.46875]
+ frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17.46875]
"Hello friends"
- frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 202x90.9375]
+ frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 202x90.9375]
TextNode <#text>
- BlockContainer
at (114.140625,11) content-size 202x90.9375 inline-block [BFC] children: not-inline
- BlockContainer at (115.140625,12) content-size 200x17.46875 children: inline
+ BlockContainer
at (114,11) content-size 202x90.9375 inline-block [BFC] children: not-inline
+ BlockContainer at (115,12) content-size 200x17.46875 children: inline
line 0 width: 22.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x17.46875]
+ frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17.46875]
"1st"
TextNode <#text>
- BlockContainer
at (115.140625,31.46875) content-size 200x17.46875 children: inline
+ BlockContainer
at (115,31.46875) content-size 200x17.46875 children: inline
line 0 width: 26.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 3, rect: [115.140625,31.46875 26.28125x17.46875]
+ frag 0 from TextNode start: 0, length: 3, rect: [115,31.46875 26.28125x17.46875]
"2nd"
TextNode <#text>
- BlockContainer
at (115.140625,50.9375) content-size 200x50 children: not-inline
- BlockContainer <(anonymous)> at (114.140625,101.9375) content-size 202x0 children: inline
+ BlockContainer at (115,50.9375) content-size 200x50 children: not-inline
+ BlockContainer <(anonymous)> at (114,101.9375) content-size 202x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer) [0,0 800x602]
PaintableWithLines (BlockContainer) [9,9 782x94.9375]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer.ib) [113.140625,10 204x92.9375]
- PaintableWithLines (BlockContainer
) [114.140625,11 202x19.46875]
+ PaintableWithLines (BlockContainer
.ib) [113,10 204x92.9375]
+ PaintableWithLines (BlockContainer
) [114,11 202x19.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
) [114.140625,30.46875 202x19.46875]
+ PaintableWithLines (BlockContainer
) [114,30.46875 202x19.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.whee) [114.140625,49.9375 202x52]
- PaintableWithLines (BlockContainer(anonymous)) [114.140625,101.9375 202x0]
+ PaintableWithLines (BlockContainer
.whee) [114,49.9375 202x52]
+ PaintableWithLines (BlockContainer(anonymous)) [114,101.9375 202x0]
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt b/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
index 9f607f8520c..c5dadb4254c 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-block-baseline-2.txt
@@ -2,38 +2,38 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (1,1) content-size 798x600 [BFC] children: not-inline
BlockContainer at (10,10) content-size 780x60.40625 children: inline
line 0 width: 144.375, height: 60.40625, bottom: 60.40625, baseline: 35
- frag 0 from TextNode start: 0, length: 13, rect: [10,31.46875 103.140625x17.46875]
+ frag 0 from TextNode start: 0, length: 13, rect: [10,31 103.140625x17.46875]
"Hello friends"
- frag 1 from BlockContainer start: 0, length: 0, rect: [114.140625,11 39.234375x58.40625]
+ frag 1 from BlockContainer start: 0, length: 0, rect: [114,11 39.234375x58.40625]
TextNode <#text>
- BlockContainer
at (114.140625,11) content-size 39.234375x58.40625 inline-block [BFC] children: not-inline
- BlockContainer at (115.140625,12) content-size 37.234375x17.46875 children: inline
+ BlockContainer
at (114,11) content-size 39.234375x58.40625 inline-block [BFC] children: not-inline
+ BlockContainer at (115,12) content-size 37.234375x17.46875 children: inline
line 0 width: 22.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 3, rect: [115.140625,12 22.546875x17.46875]
+ frag 0 from TextNode start: 0, length: 3, rect: [115,12 22.546875x17.46875]
"1st"
TextNode <#text>
- BlockContainer
at (115.140625,31.46875) content-size 37.234375x17.46875 children: inline
+ BlockContainer
at (115,31.46875) content-size 37.234375x17.46875 children: inline
line 0 width: 26.28125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 3, rect: [115.140625,31.46875 26.28125x17.46875]
+ frag 0 from TextNode start: 0, length: 3, rect: [115,31.46875 26.28125x17.46875]
"2nd"
TextNode <#text>
- BlockContainer
at (115.140625,50.9375) content-size 37.234375x17.46875 floating [BFC] children: inline
+ BlockContainer at (115,50.9375) content-size 37.234375x17.46875 floating [BFC] children: inline
line 0 width: 37.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 5, rect: [115.140625,50.9375 37.234375x17.46875]
+ frag 0 from TextNode start: 0, length: 5, rect: [115,50.9375 37.234375x17.46875]
"float"
TextNode <#text>
- BlockContainer <(anonymous)> at (114.140625,49.9375) content-size 39.234375x0 children: inline
+ BlockContainer <(anonymous)> at (114,49.9375) content-size 39.234375x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x602]
PaintableWithLines (BlockContainer) [0,0 800x602]
PaintableWithLines (BlockContainer) [9,9 782x62.40625]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer.ib) [113.140625,10 41.234375x60.40625]
- PaintableWithLines (BlockContainer
) [114.140625,11 39.234375x19.46875]
+ PaintableWithLines (BlockContainer
.ib) [113,10 41.234375x60.40625]
+ PaintableWithLines (BlockContainer
) [114,11 39.234375x19.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
) [114.140625,30.46875 39.234375x19.46875]
+ PaintableWithLines (BlockContainer
) [114,30.46875 39.234375x19.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.float) [114.140625,49.9375 39.234375x19.46875]
+ PaintableWithLines (BlockContainer
.float) [114,49.9375 39.234375x19.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer(anonymous)) [114.140625,49.9375 39.234375x0]
+ PaintableWithLines (BlockContainer(anonymous)) [114,49.9375 39.234375x0]
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
index 0c6fbc0b2f0..94faf8fe646 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-positioned-with-top-left.txt
@@ -4,13 +4,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 352.34375, height: 20, bottom: 20, baseline: 13.53125
frag 0 from TextNode start: 0, length: 14, rect: [8,8 112.421875x17.46875]
"text text text"
- frag 1 from BlockContainer start: 0, length: 0, rect: [120.421875,8 110.375x20]
- frag 2 from TextNode start: 0, length: 16, rect: [230.796875,8 129.546875x17.46875]
+ frag 1 from BlockContainer start: 0, length: 0, rect: [120,8 110.375x20]
+ frag 2 from TextNode start: 0, length: 16, rect: [231,8 129.546875x17.46875]
"more inline text"
TextNode <#text>
- BlockContainer
at (150.421875,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
+ BlockContainer at (150,48) content-size 110.375x20 positioned inline-block [BFC] children: inline
line 0 width: 110.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 14, rect: [150.421875,48 110.375x17.46875]
+ frag 0 from TextNode start: 0, length: 14, rect: [150,48 110.375x17.46875]
"displaced text"
TextNode <#text>
TextNode <#text>
@@ -19,6 +19,6 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
PaintableWithLines (BlockContainer) [8,8 784x20]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer.displaced_text) [150.421875,48 110.375x20]
+ PaintableWithLines (BlockContainer.displaced_text) [150,48 110.375x20]
TextPaintable (TextNode<#text>)
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
index fa9508a3d79..c18250379f6 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins-vertical-align-top.txt
@@ -4,16 +4,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 210.828125, height: 175, bottom: 175, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [8,8 43.125x17.46875]
"Well, "
- frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100]
- frag 2 from TextNode start: 0, length: 9, rect: [151.125,8 67.703125x17.46875]
+ frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100]
+ frag 2 from TextNode start: 0, length: 9, rect: [151,8 67.703125x17.46875]
" friends."
TextNode <#text>
- BlockContainer at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
+ BlockContainer
at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
PaintableWithLines (BlockContainer) [8,8 784x175]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
#inline-box) [51.125,58 100x100]
+ PaintableWithLines (BlockContainer
#inline-box) [51,58 100x100]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
index 8a7150f90a6..88ebe261d08 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/inline-box-with-vertical-margins.txt
@@ -1,19 +1,19 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x178.9375 children: inline
- line 0 width: 210.828125, height: 178.9375, bottom: 178.9375, baseline: 175
- frag 0 from TextNode start: 0, length: 6, rect: [8,169.46875 43.125x17.46875]
+ BlockContainer at (8,8) content-size 784x178.46875 children: inline
+ line 0 width: 210.828125, height: 178.46875, bottom: 178.46875, baseline: 175
+ frag 0 from TextNode start: 0, length: 6, rect: [8,169 43.125x17.46875]
"Well, "
- frag 1 from BlockContainer start: 0, length: 0, rect: [51.125,58 100x100]
- frag 2 from TextNode start: 0, length: 9, rect: [151.125,169.46875 67.703125x17.46875]
+ frag 1 from BlockContainer start: 0, length: 0, rect: [51,58 100x100]
+ frag 2 from TextNode start: 0, length: 9, rect: [151,169 67.703125x17.46875]
" friends."
TextNode <#text>
- BlockContainer
at (51.125,58) content-size 100x100 inline-block [BFC] children: not-inline
+ BlockContainer
at (51,58) content-size 100x100 inline-block [BFC] children: not-inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
- PaintableWithLines (BlockContainer) [8,8 784x178.9375]
+ PaintableWithLines (BlockContainer) [8,8 784x178.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
#inline-box) [51.125,58 100x100]
+ PaintableWithLines (BlockContainer
#inline-box) [51,58 100x100]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt b/Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt
index 3443ac7ad22..aecaec5a192 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/max-width-for-box-with-inline-children.txt
@@ -1,22 +1,22 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (1,1) content-size 798x185.78125 [BFC] children: not-inline
- BlockContainer at (10,10) content-size 204x167.78125 children: not-inline
- BlockContainer
at (11,11) content-size 202x165.78125 children: not-inline
- BlockContainer at (12,12) content-size 200x163.78125 children: inline
+ BlockContainer at (1,1) content-size 798x185.96875 [BFC] children: not-inline
+ BlockContainer at (10,10) content-size 204x167.96875 children: not-inline
+ BlockContainer at (11,11) content-size 202x165.96875 children: not-inline
+ BlockContainer at (12,12) content-size 200x163.96875 children: inline
line 0 width: 88.765625, height: 54.59375, bottom: 54.59375, baseline: 42.28125
frag 0 from TextNode start: 0, length: 4, rect: [12,12 88.765625x54.59375]
"well"
- line 1 width: 115.140625, height: 54.59375, bottom: 109.1875, baseline: 42.28125
- frag 0 from TextNode start: 5, length: 5, rect: [12,66.59375 115.140625x54.59375]
+ line 1 width: 115.140625, height: 55.1875, bottom: 109.78125, baseline: 42.28125
+ frag 0 from TextNode start: 5, length: 5, rect: [12,66 115.140625x54.59375]
"hello"
- line 2 width: 173, height: 54.59375, bottom: 163.78125, baseline: 42.28125
- frag 0 from TextNode start: 11, length: 7, rect: [12,121.1875 173x54.59375]
+ line 2 width: 173, height: 54.78125, bottom: 163.96875, baseline: 42.28125
+ frag 0 from TextNode start: 11, length: 7, rect: [12,121 173x54.59375]
"friends"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x187.78125]
- PaintableWithLines (BlockContainer) [9,9 206x169.78125]
- PaintableWithLines (BlockContainer.outer) [10,10 204x167.78125]
- PaintableWithLines (BlockContainer
.inner) [11,11 202x165.78125]
+ PaintableWithLines (BlockContainer) [0,0 800x187.96875]
+ PaintableWithLines (BlockContainer) [9,9 206x169.96875]
+ PaintableWithLines (BlockContainer
.outer) [10,10 204x167.96875]
+ PaintableWithLines (BlockContainer
.inner) [11,11 202x165.96875]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt b/Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt
index 3e259e22ea1..8acd372241a 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/narrow-bfc-width-to-avoid-overlap-with-floats.txt
@@ -1,30 +1,30 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x1008 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x107.34375 children: not-inline
- BlockContainer
at (8,8) content-size 784x107.34375 children: not-inline
+ BlockContainer at (8,8) content-size 784x108.21875 children: not-inline
+ BlockContainer at (8,8) content-size 784x108.21875 children: not-inline
BlockContainer at (592,8) content-size 200x1000 floating [BFC] children: not-inline
- BlockContainer at (18,18) content-size 564x87.34375 [BFC] children: inline
+ BlockContainer at (18,18) content-size 564x88.21875 [BFC] children: inline
line 0 width: 458.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 56, rect: [18,18 458.125x17.46875]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit."
- line 1 width: 511.796875, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 57, length: 60, rect: [18,35.46875 511.796875x17.46875]
+ line 1 width: 511.796875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 57, length: 60, rect: [18,35 511.796875x17.46875]
"Pellentesque vitae neque nunc. Nam fermentum libero a lectus"
- line 2 width: 537.078125, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 118, length: 67, rect: [18,52.9375 537.078125x17.46875]
+ line 2 width: 537.078125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 118, length: 67, rect: [18,52 537.078125x17.46875]
"vulputate eleifend. Nam sagittis tristique augue, id sodales mauris"
- line 3 width: 537.34375, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 186, length: 65, rect: [18,70.40625 537.34375x17.46875]
+ line 3 width: 537.34375, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 186, length: 65, rect: [18,70 537.34375x17.46875]
"suscipit at. Vivamus eget placerat ex. Suspendisse potenti. Morbi"
- line 4 width: 455.375, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 252, length: 57, rect: [18,87.875 455.375x17.46875]
+ line 4 width: 455.375, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 252, length: 57, rect: [18,87 455.375x17.46875]
"pulvinar ipsum eget nulla dapibus, ac varius mi eleifend."
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x1008]
PaintableWithLines (BlockContainer) [0,0 800x1008]
- PaintableWithLines (BlockContainer) [8,8 784x107.34375] overflow: [8,8 784x1000]
- PaintableWithLines (BlockContainer.wrapper) [8,8 784x107.34375] overflow: [8,8 784x1000]
+ PaintableWithLines (BlockContainer) [8,8 784x108.21875] overflow: [8,8 784x1000]
+ PaintableWithLines (BlockContainer
.wrapper) [8,8 784x108.21875] overflow: [8,8 784x1000]
PaintableWithLines (BlockContainer
.float) [592,8 200x1000]
- PaintableWithLines (BlockContainer
.bfc) [8,8 584x107.34375]
+ PaintableWithLines (BlockContainer
.bfc) [8,8 584x108.21875]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt b/Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt
index b961c60180c..a7653bcbe4b 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/percentage-padding-on-inline-block-with-indefinite-containing-block-size.txt
@@ -2,10 +2,10 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x33.46875 [BFC] children: not-inline
BlockContainer at (8,8) content-size 0x17.46875 children: inline
line 0 width: 0, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from BlockContainer start: 0, length: 0, rect: [8,21.53125 0x0]
- BlockContainer
at (8,21.53125) content-size 0x0 inline-block [BFC] children: not-inline
+ frag 0 from BlockContainer start: 0, length: 0, rect: [8,21 0x0]
+ BlockContainer
at (8,21) content-size 0x0 inline-block [BFC] children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x33.46875]
PaintableWithLines (BlockContainer) [8,8 0x17.46875]
- PaintableWithLines (BlockContainer
) [8,21.53125 0x0]
+ PaintableWithLines (BlockContainer
) [8,21 0x0]
diff --git a/Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt b/Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt
index 001ae714a46..f36fe80a25a 100644
--- a/Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt
+++ b/Tests/LibWeb/Layout/expected/block-and-inline/width-auto-margins-set-zero-if-containing-size-smaller.txt
@@ -1,22 +1,22 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (1,1) content-size 798x0 [BFC] children: not-inline
- BlockContainer at (10,10) content-size 102x56.40625 positioned [BFC] children: not-inline
- BlockContainer
at (11,11) content-size 100x54.40625 children: not-inline
- BlockContainer
at (72,12) content-size 50x52.40625 children: inline
+ BlockContainer at (10,10) content-size 102x57.34375 positioned [BFC] children: not-inline
+ BlockContainer
at (11,11) content-size 100x55.34375 children: not-inline
+ BlockContainer
at (72,12) content-size 50x53.34375 children: inline
line 0 width: 28.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [72,12 28.40625x17.46875]
"well"
- line 1 width: 36.84375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 5, length: 5, rect: [72,29.46875 36.84375x17.46875]
+ line 1 width: 36.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 5, length: 5, rect: [72,29 36.84375x17.46875]
"hello"
- line 2 width: 55.359375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 11, length: 7, rect: [72,46.9375 55.359375x17.46875]
+ line 2 width: 55.359375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 11, length: 7, rect: [72,46 55.359375x17.46875]
"friends"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x2] overflow: [9,9 174x58.40625]
- PaintableWithLines (BlockContainer) [9,9 104x58.40625] overflow: [10,10 173x56.40625]
- PaintableWithLines (BlockContainer
#container) [10,10 102x56.40625] overflow: [11,11 172x54.40625]
- PaintableWithLines (BlockContainer
#child) [11,11 172x54.40625]
+ PaintableWithLines (BlockContainer) [0,0 800x2] overflow: [9,9 174x59.34375]
+ PaintableWithLines (BlockContainer) [9,9 104x59.34375] overflow: [10,10 173x57.34375]
+ PaintableWithLines (BlockContainer
#container) [10,10 102x57.34375] overflow: [11,11 172x55.34375]
+ PaintableWithLines (BlockContainer
#child) [11,11 172x55.34375]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt b/Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt
index 09f1a102a22..0846232580f 100644
--- a/Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt
+++ b/Tests/LibWeb/Layout/expected/box-sizing-border-box-for-definite-sizes-without-layout.txt
@@ -1,18 +1,18 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (0,0) content-size 800x66.921875 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x50.921875 children: inline
- line 0 width: 89.71875, height: 50.921875, bottom: 50.921875, baseline: 16.921875
- frag 0 from Box start: 0, length: 0, rect: [28,38.921875 49.71875x0]
- Box
at (28,38.921875) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
- BlockContainer <(anonymous)> at (28,28) content-size 49.71875x21.84375 flex-item [BFC] children: inline
+ BlockContainer at (0,0) content-size 800x66 [BFC] children: not-inline
+ BlockContainer at (8,8) content-size 784x50 children: inline
+ line 0 width: 89.71875, height: 50, bottom: 50, baseline: 16.921875
+ frag 0 from Box start: 0, length: 0, rect: [28,38 49.71875x0]
+ Box at (28,38) content-size 49.71875x0 flex-container(row) [FFC] children: not-inline
+ BlockContainer <(anonymous)> at (28,27.078125) content-size 49.71875x21.84375 flex-item [BFC] children: inline
line 0 width: 49.71875, height: 21.84375, bottom: 21.84375, baseline: 16.921875
- frag 0 from TextNode start: 0, length: 5, rect: [28,28 49.71875x21.84375]
+ frag 0 from TextNode start: 0, length: 5, rect: [28,27.078125 49.71875x21.84375]
"Hello"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x66.921875]
- PaintableWithLines (BlockContainer) [8,8 784x50.921875]
- PaintableBox (Box.button) [8,18.921875 89.71875x40]
- PaintableWithLines (BlockContainer(anonymous)) [28,28 49.71875x21.84375]
+ PaintableWithLines (BlockContainer) [0,0 800x66]
+ PaintableWithLines (BlockContainer) [8,8 784x50]
+ PaintableBox (Box
.button) [8,18 89.71875x40]
+ PaintableWithLines (BlockContainer(anonymous)) [28,27.078125 49.71875x21.84375]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/css-all-unset.txt b/Tests/LibWeb/Layout/expected/css-all-unset.txt
index e724186ffda..d7539599a64 100644
--- a/Tests/LibWeb/Layout/expected/css-all-unset.txt
+++ b/Tests/LibWeb/Layout/expected/css-all-unset.txt
@@ -2,7 +2,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: inline
line 0 width: 238.125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 18, rect: [0,0 134.984375x17.46875]
"* { all: unset; } "
- frag 1 from TextNode start: 0, length: 13, rect: [134.984375,0 103.140625x17.46875]
+ frag 1 from TextNode start: 0, length: 13, rect: [135,0 103.140625x17.46875]
"Hello friends"
InlineNode
InlineNode
diff --git a/Tests/LibWeb/Layout/expected/div_align.txt b/Tests/LibWeb/Layout/expected/div_align.txt
index c90e70a6af4..8fdebb25371 100644
--- a/Tests/LibWeb/Layout/expected/div_align.txt
+++ b/Tests/LibWeb/Layout/expected/div_align.txt
@@ -13,7 +13,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer
at (8,165.46875) content-size 784x137.46875 children: not-inline
BlockContainer <(anonymous)> at (8,165.46875) content-size 784x17.46875 children: inline
line 0 width: 418.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 49, rect: [190.65625,165.46875 418.6875x17.46875]
+ frag 0 from TextNode start: 0, length: 49, rect: [191,165.46875 418.6875x17.46875]
"This text and the green square are both centered:"
TextNode <#text>
BlockContainer
at (350,202.9375) content-size 100x100 children: not-inline
@@ -22,7 +22,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (8,322.9375) content-size 784x137.46875 children: not-inline
BlockContainer <(anonymous)> at (8,322.9375) content-size 784x17.46875 children: inline
line 0 width: 447.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 54, rect: [344.515625,322.9375 447.484375x17.46875]
+ frag 0 from TextNode start: 0, length: 54, rect: [345,322.9375 447.484375x17.46875]
"This text and the green square are both right aligned:"
TextNode <#text>
BlockContainer
at (672,360.40625) content-size 100x100 children: not-inline
@@ -33,45 +33,45 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 512.53125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [8,480.40625 35.5x17.46875]
"This"
- frag 1 from TextNode start: 4, length: 1, rect: [43.5,480.40625 8x17.46875]
+ frag 1 from TextNode start: 4, length: 1, rect: [44,480.40625 8x17.46875]
" "
- frag 2 from TextNode start: 5, length: 4, rect: [51.5,480.40625 32.140625x17.46875]
+ frag 2 from TextNode start: 5, length: 4, rect: [52,480.40625 32.140625x17.46875]
"text"
- frag 3 from TextNode start: 9, length: 1, rect: [83.640625,480.40625 8x17.46875]
+ frag 3 from TextNode start: 9, length: 1, rect: [84,480.40625 8x17.46875]
" "
- frag 4 from TextNode start: 10, length: 2, rect: [91.640625,480.40625 13.90625x17.46875]
+ frag 4 from TextNode start: 10, length: 2, rect: [92,480.40625 13.90625x17.46875]
"is"
- frag 5 from TextNode start: 12, length: 1, rect: [105.546875,480.40625 8x17.46875]
+ frag 5 from TextNode start: 12, length: 1, rect: [106,480.40625 8x17.46875]
" "
- frag 6 from TextNode start: 13, length: 16, rect: [113.546875,480.40625 102.96875x17.46875]
+ frag 6 from TextNode start: 13, length: 16, rect: [114,480.40625 102.96875x17.46875]
"'full-justified'"
- frag 7 from TextNode start: 29, length: 1, rect: [216.515625,480.40625 8x17.46875]
+ frag 7 from TextNode start: 29, length: 1, rect: [217,480.40625 8x17.46875]
" "
- frag 8 from TextNode start: 30, length: 3, rect: [224.515625,480.40625 26.8125x17.46875]
+ frag 8 from TextNode start: 30, length: 3, rect: [225,480.40625 26.8125x17.46875]
"and"
- frag 9 from TextNode start: 33, length: 1, rect: [251.328125,480.40625 8x17.46875]
+ frag 9 from TextNode start: 33, length: 1, rect: [251,480.40625 8x17.46875]
" "
- frag 10 from TextNode start: 34, length: 3, rect: [259.328125,480.40625 24.875x17.46875]
+ frag 10 from TextNode start: 34, length: 3, rect: [259,480.40625 24.875x17.46875]
"the"
- frag 11 from TextNode start: 37, length: 1, rect: [284.203125,480.40625 8x17.46875]
+ frag 11 from TextNode start: 37, length: 1, rect: [284,480.40625 8x17.46875]
" "
- frag 12 from TextNode start: 38, length: 5, rect: [292.203125,480.40625 43.4375x17.46875]
+ frag 12 from TextNode start: 38, length: 5, rect: [292,480.40625 43.4375x17.46875]
"green"
- frag 13 from TextNode start: 43, length: 1, rect: [335.640625,480.40625 8x17.46875]
+ frag 13 from TextNode start: 43, length: 1, rect: [336,480.40625 8x17.46875]
" "
- frag 14 from TextNode start: 44, length: 6, rect: [343.640625,480.40625 57.0625x17.46875]
+ frag 14 from TextNode start: 44, length: 6, rect: [344,480.40625 57.0625x17.46875]
"square"
- frag 15 from TextNode start: 50, length: 1, rect: [400.703125,480.40625 8x17.46875]
+ frag 15 from TextNode start: 50, length: 1, rect: [401,480.40625 8x17.46875]
" "
- frag 16 from TextNode start: 51, length: 2, rect: [408.703125,480.40625 13.90625x17.46875]
+ frag 16 from TextNode start: 51, length: 2, rect: [409,480.40625 13.90625x17.46875]
"is"
- frag 17 from TextNode start: 53, length: 1, rect: [422.609375,480.40625 8x17.46875]
+ frag 17 from TextNode start: 53, length: 1, rect: [423,480.40625 8x17.46875]
" "
- frag 18 from TextNode start: 54, length: 4, rect: [430.609375,480.40625 26.25x17.46875]
+ frag 18 from TextNode start: 54, length: 4, rect: [431,480.40625 26.25x17.46875]
"left"
- frag 19 from TextNode start: 58, length: 1, rect: [456.859375,480.40625 8x17.46875]
+ frag 19 from TextNode start: 58, length: 1, rect: [457,480.40625 8x17.46875]
" "
- frag 20 from TextNode start: 59, length: 8, rect: [464.859375,480.40625 55.671875x17.46875]
+ frag 20 from TextNode start: 59, length: 8, rect: [465,480.40625 55.671875x17.46875]
"aligned:"
TextNode <#text>
BlockContainer at (28,517.875) content-size 100x100 children: not-inline
@@ -80,7 +80,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x637.875]
PaintableWithLines (BlockContainer) [0,0 800x637.875]
- PaintableWithLines (BlockContainer) [8,8 784x609.875] overflow: [8,8 784x629.875]
+ PaintableWithLines (BlockContainer) [8,8 784x609.875] overflow: [8,8 784.484375x629.875]
PaintableWithLines (BlockContainer) [8,8 784x137.46875]
PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875]
TextPaintable (TextNode<#text>)
@@ -91,8 +91,8 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x637.87
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer
.square) [350,202.9375 100x100]
PaintableWithLines (BlockContainer(anonymous)) [8,322.9375 784x0]
- PaintableWithLines (BlockContainer
) [8,322.9375 784x137.46875]
- PaintableWithLines (BlockContainer(anonymous)) [8,322.9375 784x17.46875]
+ PaintableWithLines (BlockContainer
) [8,322.9375 784x137.46875] overflow: [8,322.9375 784.484375x137.46875]
+ PaintableWithLines (BlockContainer(anonymous)) [8,322.9375 784x17.46875] overflow: [8,322.9375 784.484375x17.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer
.square) [672,360.40625 100x100]
PaintableWithLines (BlockContainer(anonymous)) [8,480.40625 784x0]
diff --git a/Tests/LibWeb/Layout/expected/div_align_nested.txt b/Tests/LibWeb/Layout/expected/div_align_nested.txt
index 81eba3c6265..b988f9fc242 100644
--- a/Tests/LibWeb/Layout/expected/div_align_nested.txt
+++ b/Tests/LibWeb/Layout/expected/div_align_nested.txt
@@ -1,42 +1,42 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x252.40625 children: not-inline
- BlockContainer
at (8,8) content-size 784x252.40625 children: not-inline
+ BlockContainer at (8,8) content-size 784x252.875 children: not-inline
+ BlockContainer
at (8,8) content-size 784x252.875 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x17.46875 children: inline
line 0 width: 447.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 54, rect: [344.515625,8 447.484375x17.46875]
+ frag 0 from TextNode start: 0, length: 54, rect: [345,8 447.484375x17.46875]
"This text and the green square are both right aligned:"
TextNode <#text>
BlockContainer
at (692,25.46875) content-size 100x100 children: not-inline
BlockContainer <(anonymous)> at (8,125.46875) content-size 784x0 children: inline
TextNode <#text>
- BlockContainer at (8,125.46875) content-size 784x134.9375 children: not-inline
- BlockContainer <(anonymous)> at (8,125.46875) content-size 784x34.9375 children: inline
+ BlockContainer
at (8,125.46875) content-size 784x135.40625 children: not-inline
+ BlockContainer <(anonymous)> at (8,125.46875) content-size 784x35.40625 children: inline
line 0 width: 711.4375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 87, rect: [8,125.46875 711.4375x17.46875]
"This text and the green square are both left aligned despite being nested in a div with"
- line 1 width: 94.296875, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 89, length: 14, rect: [8,142.9375 94.296875x17.46875]
+ line 1 width: 94.296875, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 89, length: 14, rect: [8,142.46875 94.296875x17.46875]
"align="right":"
TextNode <#text>
- BlockContainer
at (8,160.40625) content-size 100x100 children: inline
+ BlockContainer at (8,160.875) content-size 100x100 children: inline
TextNode <#text>
- BlockContainer <(anonymous)> at (8,260.40625) content-size 784x0 children: inline
+ BlockContainer <(anonymous)> at (8,260.875) content-size 784x0 children: inline
TextNode <#text>
- BlockContainer <(anonymous)> at (8,260.40625) content-size 784x0 children: inline
+ BlockContainer <(anonymous)> at (8,260.875) content-size 784x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
- PaintableWithLines (BlockContainer) [8,8 784x252.40625]
- PaintableWithLines (BlockContainer) [8,8 784x252.40625]
- PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875]
+ PaintableWithLines (BlockContainer) [8,8 784x252.875] overflow: [8,8 784.484375x252.875]
+ PaintableWithLines (BlockContainer
) [8,8 784x252.875] overflow: [8,8 784.484375x252.875]
+ PaintableWithLines (BlockContainer(anonymous)) [8,8 784x17.46875] overflow: [8,8 784.484375x17.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer
.square) [692,25.46875 100x100]
PaintableWithLines (BlockContainer(anonymous)) [8,125.46875 784x0]
- PaintableWithLines (BlockContainer
) [8,125.46875 784x134.9375]
- PaintableWithLines (BlockContainer(anonymous)) [8,125.46875 784x34.9375]
+ PaintableWithLines (BlockContainer
) [8,125.46875 784x135.40625]
+ PaintableWithLines (BlockContainer(anonymous)) [8,125.46875 784x35.40625]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.square) [8,160.40625 100x100]
- PaintableWithLines (BlockContainer(anonymous)) [8,260.40625 784x0]
- PaintableWithLines (BlockContainer(anonymous)) [8,260.40625 784x0]
+ PaintableWithLines (BlockContainer
.square) [8,160.875 100x100]
+ PaintableWithLines (BlockContainer(anonymous)) [8,260.875 784x0]
+ PaintableWithLines (BlockContainer(anonymous)) [8,260.875 784x0]
diff --git a/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt b/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt
index 8727b51882e..1bd0fe174ab 100644
--- a/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt
+++ b/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-and-max-width.txt
@@ -1,26 +1,26 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (1,1) content-size 798x91.34375 [BFC] children: not-inline
- Box at (2,2) content-size 796x89.34375 flex-container(column) [FFC] children: not-inline
- BlockContainer
at (3,3) content-size 400x87.34375 flex-item [BFC] children: inline
+ BlockContainer at (1,1) content-size 798x92.21875 [BFC] children: not-inline
+ Box at (2,2) content-size 796x90.21875 flex-container(column) [FFC] children: not-inline
+ BlockContainer at (3,3) content-size 400x88.21875 flex-item [BFC] children: inline
line 0 width: 346.984375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 41, rect: [3,3 346.984375x17.46875]
"For my day job I'm currently working as a"
- line 1 width: 337.59375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 42, length: 39, rect: [3,20.46875 337.59375x17.46875]
+ line 1 width: 337.59375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 42, length: 39, rect: [3,20 337.59375x17.46875]
"Software Engineer at For my day job I'm"
- line 2 width: 368.203125, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 82, length: 43, rect: [3,37.9375 368.203125x17.46875]
+ line 2 width: 368.203125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 82, length: 43, rect: [3,37 368.203125x17.46875]
"currently working as a Software Engineer at"
- line 3 width: 346.984375, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 126, length: 41, rect: [3,55.40625 346.984375x17.46875]
+ line 3 width: 346.984375, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 126, length: 41, rect: [3,55 346.984375x17.46875]
"For my day job I'm currently working as a"
- line 4 width: 175.40625, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 168, length: 20, rect: [3,72.875 175.40625x17.46875]
+ line 4 width: 175.40625, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 168, length: 20, rect: [3,72 175.40625x17.46875]
"Software Engineer at"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x93.34375]
- PaintableBox (Box) [1,1 798x91.34375]
- PaintableWithLines (BlockContainer) [2,2 402x89.34375]
+ PaintableWithLines (BlockContainer) [0,0 800x94.21875]
+ PaintableBox (Box) [1,1 798x92.21875]
+ PaintableWithLines (BlockContainer) [2,2 402x90.21875]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-auto-width-with-max-width-constraint.txt b/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-auto-width-with-max-width-constraint.txt
index 8fe92d933d0..53e18180f50 100644
--- a/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-auto-width-with-max-width-constraint.txt
+++ b/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-auto-width-with-max-width-constraint.txt
@@ -5,14 +5,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 340.484375, height: 65.5, bottom: 65.5, baseline: 50.734375
frag 0 from TextNode start: 0, length: 11, rect: [102,3 340.484375x65.5]
"This entire"
- line 1 width: 341.25, height: 65.5, bottom: 131, baseline: 50.734375
- frag 0 from TextNode start: 12, length: 11, rect: [102,68.5 341.25x65.5]
+ line 1 width: 341.25, height: 66, bottom: 131.5, baseline: 50.734375
+ frag 0 from TextNode start: 12, length: 11, rect: [102,68 341.25x65.5]
"text should"
line 2 width: 274.15625, height: 65.5, bottom: 196.5, baseline: 50.734375
frag 0 from TextNode start: 24, length: 8, rect: [102,134 274.15625x65.5]
"be on an"
- line 3 width: 204.078125, height: 65.5, bottom: 262, baseline: 50.734375
- frag 0 from TextNode start: 33, length: 6, rect: [102,199.5 204.078125x65.5]
+ line 3 width: 204.078125, height: 66, bottom: 262.5, baseline: 50.734375
+ frag 0 from TextNode start: 33, length: 6, rect: [102,199 204.078125x65.5]
"orange"
line 4 width: 351.5625, height: 65.5, bottom: 327.5, baseline: 50.734375
frag 0 from TextNode start: 40, length: 11, rect: [102,265 351.5625x65.5]
diff --git a/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-on-auto-width.txt b/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-on-auto-width.txt
index 46fc4ebc9ac..4bd6c8734f8 100644
--- a/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-on-auto-width.txt
+++ b/Tests/LibWeb/Layout/expected/flex-column-item-with-auto-height-depending-on-auto-width.txt
@@ -1,28 +1,28 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (1,1) content-size 798x456.71875 [BFC] children: not-inline
- Box at (10,10) content-size 500x438.71875 flex-container(column) [FFC] children: not-inline
- BlockContainer at (10,11) content-size 500x436.71875 flex-item [BFC] children: inline
+ BlockContainer at (1,1) content-size 798x457.09375 [BFC] children: not-inline
+ Box at (10,10) content-size 500x439.09375 flex-container(column) [FFC] children: not-inline
+ BlockContainer at (10,11) content-size 500x437.09375 flex-item [BFC] children: inline
line 0 width: 453.984375, height: 87.34375, bottom: 87.34375, baseline: 67.65625
frag 0 from TextNode start: 0, length: 11, rect: [10,11 453.984375x87.34375]
"This entire"
- line 1 width: 455, height: 87.34375, bottom: 174.6875, baseline: 67.65625
- frag 0 from TextNode start: 12, length: 11, rect: [10,98.34375 455x87.34375]
+ line 1 width: 455, height: 87.6875, bottom: 175.03125, baseline: 67.65625
+ frag 0 from TextNode start: 12, length: 11, rect: [10,98 455x87.34375]
"text should"
- line 2 width: 230.78125, height: 87.34375, bottom: 262.03125, baseline: 67.65625
- frag 0 from TextNode start: 24, length: 5, rect: [10,185.6875 230.78125x87.34375]
+ line 2 width: 230.78125, height: 88.03125, bottom: 262.71875, baseline: 67.65625
+ frag 0 from TextNode start: 24, length: 5, rect: [10,185 230.78125x87.34375]
"be on"
- line 3 width: 272.109375, height: 87.34375, bottom: 349.375, baseline: 67.65625
- frag 0 from TextNode start: 30, length: 6, rect: [10,273.03125 272.109375x87.34375]
+ line 3 width: 272.109375, height: 87.375, bottom: 349.40625, baseline: 67.65625
+ frag 0 from TextNode start: 30, length: 6, rect: [10,273 272.109375x87.34375]
"orange"
- line 4 width: 468.75, height: 87.34375, bottom: 436.71875, baseline: 67.65625
- frag 0 from TextNode start: 37, length: 11, rect: [10,360.375 468.75x87.34375]
+ line 4 width: 468.75, height: 87.71875, bottom: 437.09375, baseline: 67.65625
+ frag 0 from TextNode start: 37, length: 11, rect: [10,360 468.75x87.34375]
"background."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x458.71875]
- PaintableBox (Box.hero) [9,9 502x440.71875] overflow: [9,10 502x438.71875]
- PaintableWithLines (BlockContainer.upper) [9,10 502x438.71875]
+ PaintableWithLines (BlockContainer) [0,0 800x459.09375]
+ PaintableBox (Box.hero) [9,9 502x441.09375] overflow: [9,10 502x439.09375]
+ PaintableWithLines (BlockContainer
.upper) [9,10 502x439.09375]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/flex-shrink-1.txt b/Tests/LibWeb/Layout/expected/flex-shrink-1.txt
index 11132949d53..c818bdb16a1 100644
--- a/Tests/LibWeb/Layout/expected/flex-shrink-1.txt
+++ b/Tests/LibWeb/Layout/expected/flex-shrink-1.txt
@@ -8,14 +8,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 18.9375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [10,10 18.9375x17.46875]
"1 I"
- line 1 width: 49.359375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 4, length: 6, rect: [10,27.46875 49.359375x17.46875]
+ line 1 width: 49.359375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 4, length: 6, rect: [10,27 49.359375x17.46875]
"shrink"
- line 2 width: 24.875, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 11, length: 3, rect: [10,44.9375 24.875x17.46875]
+ line 2 width: 24.875, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 11, length: 3, rect: [10,44 24.875x17.46875]
"the"
- line 3 width: 38.765625, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 15, length: 4, rect: [10,62.40625 38.765625x17.46875]
+ line 3 width: 38.765625, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 15, length: 4, rect: [10,62 38.765625x17.46875]
"most"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
diff --git a/Tests/LibWeb/Layout/expected/flex/cross-size-of-item-with-box-sizing-border-box-and-nonzero-padding.txt b/Tests/LibWeb/Layout/expected/flex/cross-size-of-item-with-box-sizing-border-box-and-nonzero-padding.txt
index ee610cb14d0..35065584305 100644
--- a/Tests/LibWeb/Layout/expected/flex/cross-size-of-item-with-box-sizing-border-box-and-nonzero-padding.txt
+++ b/Tests/LibWeb/Layout/expected/flex/cross-size-of-item-with-box-sizing-border-box-and-nonzero-padding.txt
@@ -1,34 +1,34 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (1,1) content-size 798x244.28125 [BFC] children: not-inline
- BlockContainer at (10,10) content-size 780x226.28125 children: not-inline
- Box
at (11,11) content-size 778x224.28125 flex-container(row) [FFC] children: not-inline
- BlockContainer at (12,62) content-size 776x122.28125 flex-item [BFC] children: inline
+ BlockContainer at (1,1) content-size 798x245.09375 [BFC] children: not-inline
+ BlockContainer at (10,10) content-size 780x227.09375 children: not-inline
+ Box at (11,11) content-size 778x225.09375 flex-container(row) [FFC] children: not-inline
+ BlockContainer at (12,62) content-size 776x123.09375 flex-item [BFC] children: inline
line 0 width: 741.640625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 90, rect: [12,62 741.640625x17.46875]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus interdum libero et urna"
- line 1 width: 765.03125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 91, length: 95, rect: [12,79.46875 765.03125x17.46875]
+ line 1 width: 765.03125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 91, length: 95, rect: [12,79 765.03125x17.46875]
"sodales auctor. Nullam sodales bibendum turpis quis blandit. Ut fringilla erat et erat laoreet,"
- line 2 width: 747.5625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 187, length: 90, rect: [12,96.9375 747.5625x17.46875]
+ line 2 width: 747.5625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 187, length: 90, rect: [12,96 747.5625x17.46875]
"faucibus rhoncus orci hendrerit. Etiam at sagittis diam. Etiam nec neque non dolor iaculis"
- line 3 width: 732.109375, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 278, length: 90, rect: [12,114.40625 732.109375x17.46875]
+ line 3 width: 732.109375, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 278, length: 90, rect: [12,114 732.109375x17.46875]
"finibus euismod eget erat. Pellentesque vitae purus vitae nisi vehicula vestibulum quis ut"
- line 4 width: 759.453125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 369, length: 95, rect: [12,131.875 759.453125x17.46875]
+ line 4 width: 759.453125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 369, length: 95, rect: [12,131 759.453125x17.46875]
"diam. Integer convallis, justo ullamcorper sollicitudin varius, enim enim pellentesque erat, eu"
- line 5 width: 767.1875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
- frag 0 from TextNode start: 465, length: 94, rect: [12,149.34375 767.1875x17.46875]
+ line 5 width: 767.1875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
+ frag 0 from TextNode start: 465, length: 94, rect: [12,149 767.1875x17.46875]
"pellentesque sem arcu eu purus. Phasellus id erat sed felis luctus mollis eget sit amet dolor."
- line 6 width: 765.578125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
- frag 0 from TextNode start: 560, length: 95, rect: [12,166.8125 765.578125x17.46875]
+ line 6 width: 765.578125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
+ frag 0 from TextNode start: 560, length: 95, rect: [12,166 765.578125x17.46875]
"Pellentesque eget justo nulla. Duis consectetur imperdiet nisi, ac tincidunt urna blandit quis."
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x246.28125]
- PaintableWithLines (BlockContainer) [9,9 782x228.28125]
- PaintableBox (Box.outer.flex.flex-wrap) [10,10 780x226.28125]
- PaintableWithLines (BlockContainer
.inner) [11,11 778x224.28125]
+ PaintableWithLines (BlockContainer) [0,0 800x247.09375]
+ PaintableWithLines (BlockContainer) [9,9 782x229.09375]
+ PaintableBox (Box
.outer.flex.flex-wrap) [10,10 780x227.09375]
+ PaintableWithLines (BlockContainer
.inner) [11,11 778x225.09375]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/flex/flex-item-min-width-fit-content.txt b/Tests/LibWeb/Layout/expected/flex/flex-item-min-width-fit-content.txt
index b3768235efc..01e3a2010fd 100644
--- a/Tests/LibWeb/Layout/expected/flex/flex-item-min-width-fit-content.txt
+++ b/Tests/LibWeb/Layout/expected/flex/flex-item-min-width-fit-content.txt
@@ -9,15 +9,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer
at (394.625,11) content-size 114.375x50 flex-item [BFC] children: inline
line 0 width: 114.375, height: 19.46875, bottom: 19.46875, baseline: 14.53125
frag 0 from BlockContainer start: 0, length: 0, rect: [395.625,12 57.046875x17.46875]
- frag 1 from BlockContainer start: 0, length: 0, rect: [454.671875,12 53.328125x17.46875]
+ frag 1 from BlockContainer start: 0, length: 0, rect: [454.625,12 53.328125x17.46875]
BlockContainer at (395.625,12) content-size 57.046875x17.46875 inline-block [BFC] children: inline
line 0 width: 57.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [395.625,12 57.046875x17.46875]
"Accept"
TextNode <#text>
- BlockContainer at (454.671875,12) content-size 53.328125x17.46875 inline-block [BFC] children: inline
+ BlockContainer at (454.625,12) content-size 53.328125x17.46875 inline-block [BFC] children: inline
line 0 width: 53.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 6, rect: [454.671875,12 53.328125x17.46875]
+ frag 0 from TextNode start: 0, length: 6, rect: [454.625,12 53.328125x17.46875]
"Reject"
TextNode <#text>
@@ -28,5 +28,5 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer.buttons) [393.625,10 116.375x52]
PaintableWithLines (BlockContainer
.button) [394.625,11 59.046875x19.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.button) [453.671875,11 55.328125x19.46875]
+ PaintableWithLines (BlockContainer
.button) [453.625,11 55.328125x19.46875]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt b/Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt
index bdf31648422..c67f78b504a 100644
--- a/Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt
+++ b/Tests/LibWeb/Layout/expected/flex/flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.txt
@@ -1,22 +1,22 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (0,0) content-size 800x68.40625 [BFC] children: not-inline
- Box
at (8,8) content-size 784x52.40625 flex-container(row) [FFC] children: not-inline
- Box at (8,8) content-size 194.71875x52.40625 flex-container(row) flex-item [FFC] children: not-inline
- BlockContainer at (8,8) content-size 87.359375x52.40625 flex-item [BFC] children: inline
+ BlockContainer at (0,0) content-size 800x69.34375 [BFC] children: not-inline
+ Box at (8,8) content-size 784x53.34375 flex-container(row) [FFC] children: not-inline
+ Box at (8,8) content-size 194.71875x53.34375 flex-container(row) flex-item [FFC] children: not-inline
+ BlockContainer at (8,8) content-size 87.359375x53.34375 flex-item [BFC] children: inline
line 0 width: 74.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [8,8 74.75x17.46875]
"This is a"
- line 1 width: 71.828125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 10, length: 8, rect: [8,25.46875 71.828125x17.46875]
+ line 1 width: 71.828125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 10, length: 8, rect: [8,25 71.828125x17.46875]
"bunch of"
- line 2 width: 32.140625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 19, length: 4, rect: [8,42.9375 32.140625x17.46875]
+ line 2 width: 32.140625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 19, length: 4, rect: [8,42 32.140625x17.46875]
"text"
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x68.40625]
- PaintableBox (Box.pink) [8,8 784x52.40625]
- PaintableBox (Box.orange) [8,8 194.71875x52.40625]
- PaintableWithLines (BlockContainer
.lime) [8,8 87.359375x52.40625]
+ PaintableWithLines (BlockContainer) [0,0 800x69.34375]
+ PaintableBox (Box.pink) [8,8 784x53.34375]
+ PaintableBox (Box
.orange) [8,8 194.71875x53.34375]
+ PaintableWithLines (BlockContainer
.lime) [8,8 87.359375x53.34375]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/flex/intrinsic-height-of-column-items-with-different-kinds-of-width.txt b/Tests/LibWeb/Layout/expected/flex/intrinsic-height-of-column-items-with-different-kinds-of-width.txt
index da734616432..948c2deddec 100644
--- a/Tests/LibWeb/Layout/expected/flex/intrinsic-height-of-column-items-with-different-kinds-of-width.txt
+++ b/Tests/LibWeb/Layout/expected/flex/intrinsic-height-of-column-items-with-different-kinds-of-width.txt
@@ -1,6 +1,6 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (1,1) content-size 798x142.8125 [BFC] children: not-inline
- Box at (10,10) content-size 780x124.8125 flex-container(column) [FFC] children: not-inline
+ BlockContainer at (1,1) content-size 798x143.28125 [BFC] children: not-inline
+ Box at (10,10) content-size 780x125.28125 flex-container(column) [FFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer
at (11,11) content-size 200x19.46875 flex-item [BFC] children: not-inline
@@ -39,22 +39,22 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (11,96.875) content-size 62.90625x36.9375 flex-item [BFC] children: not-inline
- Box at (12,97.875) content-size 60.90625x34.9375 flex-container(row) [FFC] children: not-inline
- BlockContainer <(anonymous)> at (12,97.875) content-size 60.90625x34.9375 flex-item [BFC] children: inline
+ BlockContainer at (11,96.875) content-size 62.90625x37.40625 flex-item [BFC] children: not-inline
+ Box at (12,97.875) content-size 60.90625x35.40625 flex-container(row) [FFC] children: not-inline
+ BlockContainer <(anonymous)> at (12,97.875) content-size 60.90625x35.40625 flex-item [BFC] children: inline
line 0 width: 26.375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [12,97.875 26.375x17.46875]
"min"
- line 1 width: 60.90625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 4, length: 7, rect: [12,115.34375 60.90625x17.46875]
+ line 1 width: 60.90625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 4, length: 7, rect: [12,114.875 60.90625x17.46875]
"content"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x144.8125]
- PaintableBox (Box) [9,9 782x126.8125]
+ PaintableWithLines (BlockContainer) [0,0 800x145.28125]
+ PaintableBox (Box) [9,9 782x127.28125]
PaintableWithLines (BlockContainer.px) [10,10 202x21.46875]
PaintableBox (Box
.inner) [11,11 200x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [12,12 19.125x17.46875]
@@ -71,7 +71,7 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableBox (Box
.inner) [11,75.40625 102.15625x19.46875]
PaintableWithLines (BlockContainer(anonymous)) [12,76.40625 100.15625x17.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.min-content) [10,95.875 64.90625x38.9375]
- PaintableBox (Box
.inner) [11,96.875 62.90625x36.9375]
- PaintableWithLines (BlockContainer(anonymous)) [12,97.875 60.90625x34.9375]
+ PaintableWithLines (BlockContainer
.min-content) [10,95.875 64.90625x39.40625]
+ PaintableBox (Box
.inner) [11,96.875 62.90625x37.40625]
+ PaintableWithLines (BlockContainer(anonymous)) [12,97.875 60.90625x35.40625]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt b/Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt
index 782a3996db2..64ce81f11ee 100644
--- a/Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt
+++ b/Tests/LibWeb/Layout/expected/font-with-many-normal-values.txt
@@ -4,17 +4,17 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
line 0 width: 424, height: 200, bottom: 200, baseline: 159.96875
frag 0 from TextNode start: 0, length: 1, rect: [8,8 79.296875x200]
"1"
- frag 1 from TextNode start: 0, length: 1, rect: [87.296875,154.4375 8x17.46875]
+ frag 1 from TextNode start: 0, length: 1, rect: [87,154 8x17.46875]
" "
- frag 2 from TextNode start: 0, length: 1, rect: [95.296875,8 110.15625x200]
+ frag 2 from TextNode start: 0, length: 1, rect: [95,8 110.15625x200]
"2"
- frag 3 from TextNode start: 0, length: 1, rect: [205.453125,154.4375 8x17.46875]
+ frag 3 from TextNode start: 0, length: 1, rect: [205,154 8x17.46875]
" "
- frag 4 from TextNode start: 0, length: 1, rect: [213.453125,8 113.671875x200]
+ frag 4 from TextNode start: 0, length: 1, rect: [213,8 113.671875x200]
"3"
- frag 5 from TextNode start: 0, length: 1, rect: [327.125,154.4375 8x17.46875]
+ frag 5 from TextNode start: 0, length: 1, rect: [327,154 8x17.46875]
" "
- frag 6 from TextNode start: 0, length: 1, rect: [335.125,8 96.875x200]
+ frag 6 from TextNode start: 0, length: 1, rect: [335,8 96.875x200]
"4"
InlineNode
TextNode <#text>
diff --git a/Tests/LibWeb/Layout/expected/grid/grid-item-fixed-paddings.txt b/Tests/LibWeb/Layout/expected/grid/grid-item-fixed-paddings.txt
index 317c8077543..a4090f0252a 100644
--- a/Tests/LibWeb/Layout/expected/grid/grid-item-fixed-paddings.txt
+++ b/Tests/LibWeb/Layout/expected/grid/grid-item-fixed-paddings.txt
@@ -6,7 +6,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer at (68,68) content-size 17.046875x32.75 [BFC] children: inline
line 0 width: 11.890625, height: 32.75, bottom: 32.75, baseline: 25.375
- frag 0 from TextNode start: 0, length: 1, rect: [70.578125,68 11.890625x32.75]
+ frag 0 from TextNode start: 0, length: 1, rect: [71,68 11.890625x32.75]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
diff --git a/Tests/LibWeb/Layout/expected/grid/grid-item-horizontal-margins-auto.txt b/Tests/LibWeb/Layout/expected/grid/grid-item-horizontal-margins-auto.txt
index 868fd6126c6..611af9c88dc 100644
--- a/Tests/LibWeb/Layout/expected/grid/grid-item-horizontal-margins-auto.txt
+++ b/Tests/LibWeb/Layout/expected/grid/grid-item-horizontal-margins-auto.txt
@@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
- BlockContainer at (1,1) content-size 798x457.25 [BFC] children: not-inline
- BlockContainer at (10,10) content-size 780x439.25 children: not-inline
- Box at (11,11) content-size 500x437.25 [GFC] children: not-inline
+ BlockContainer at (1,1) content-size 798x458.28125 [BFC] children: not-inline
+ BlockContainer at (10,10) content-size 780x440.28125 children: not-inline
+ Box at (11,11) content-size 500x438.28125 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer at (99.71875,12) content-size 322.5625x17.46875 [BFC] children: inline
@@ -46,79 +46,79 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (236,128.8125) content-size 50x104.8125 [BFC] children: inline
+ BlockContainer at (236,128.8125) content-size 50x105.15625 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 4, rect: [236,128.8125 36.328125x17.46875]
"auto"
- line 1 width: 81.84375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 5, length: 10, rect: [236,146.28125 81.84375x17.46875]
+ line 1 width: 81.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 5, length: 10, rect: [236,145.8125 81.84375x17.46875]
"horizontal"
- line 2 width: 61.453125, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 16, length: 7, rect: [236,163.75 61.453125x17.46875]
+ line 2 width: 61.453125, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 16, length: 7, rect: [236,162.8125 61.453125x17.46875]
"margins"
- line 3 width: 26.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 24, length: 3, rect: [236,181.21875 26.8125x17.46875]
+ line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 24, length: 3, rect: [236,180.8125 26.8125x17.46875]
"and"
- line 4 width: 37.28125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 28, length: 5, rect: [236,198.6875 37.28125x17.46875]
+ line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 28, length: 5, rect: [236,197.8125 37.28125x17.46875]
"fixed"
- line 5 width: 39.796875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
- frag 0 from TextNode start: 34, length: 5, rect: [236,216.15625 39.796875x17.46875]
+ line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
+ frag 0 from TextNode start: 34, length: 5, rect: [236,215.8125 39.796875x17.46875]
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (460,235.625) content-size 50x104.8125 [BFC] children: inline
+ BlockContainer at (460,235.96875) content-size 50x105.15625 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 4, rect: [460,235.625 36.328125x17.46875]
+ frag 0 from TextNode start: 0, length: 4, rect: [460,235.96875 36.328125x17.46875]
"auto"
- line 1 width: 26.25, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 5, length: 4, rect: [460,253.09375 26.25x17.46875]
+ line 1 width: 26.25, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 5, length: 4, rect: [460,252.96875 26.25x17.46875]
"left"
- line 2 width: 52.109375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 10, length: 6, rect: [460,270.5625 52.109375x17.46875]
+ line 2 width: 52.109375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 10, length: 6, rect: [460,269.96875 52.109375x17.46875]
"margin"
- line 3 width: 26.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 17, length: 3, rect: [460,288.03125 26.8125x17.46875]
+ line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 17, length: 3, rect: [460,287.96875 26.8125x17.46875]
"and"
- line 4 width: 37.28125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 21, length: 5, rect: [460,305.5 37.28125x17.46875]
+ line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 21, length: 5, rect: [460,304.96875 37.28125x17.46875]
"fixed"
- line 5 width: 39.796875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
+ line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 27, length: 5, rect: [460,322.96875 39.796875x17.46875]
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (12,342.4375) content-size 50x104.8125 [BFC] children: inline
+ BlockContainer at (12,343.125) content-size 50x105.15625 [BFC] children: inline
line 0 width: 36.328125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 0, length: 4, rect: [12,342.4375 36.328125x17.46875]
+ frag 0 from TextNode start: 0, length: 4, rect: [12,343.125 36.328125x17.46875]
"auto"
- line 1 width: 37.109375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 5, length: 5, rect: [12,359.90625 37.109375x17.46875]
+ line 1 width: 37.109375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 5, length: 5, rect: [12,360.125 37.109375x17.46875]
"right"
- line 2 width: 52.109375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 11, length: 6, rect: [12,377.375 52.109375x17.46875]
+ line 2 width: 52.109375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 11, length: 6, rect: [12,377.125 52.109375x17.46875]
"margin"
- line 3 width: 26.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 18, length: 3, rect: [12,394.84375 26.8125x17.46875]
+ line 3 width: 26.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 18, length: 3, rect: [12,395.125 26.8125x17.46875]
"and"
- line 4 width: 37.28125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 22, length: 5, rect: [12,412.3125 37.28125x17.46875]
+ line 4 width: 37.28125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 22, length: 5, rect: [12,412.125 37.28125x17.46875]
"fixed"
- line 5 width: 39.796875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
- frag 0 from TextNode start: 28, length: 5, rect: [12,429.78125 39.796875x17.46875]
+ line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
+ frag 0 from TextNode start: 28, length: 5, rect: [12,430.125 39.796875x17.46875]
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer <(anonymous)> at (10,449.25) content-size 780x0 children: inline
+ BlockContainer <(anonymous)> at (10,450.28125) content-size 780x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
- PaintableWithLines (BlockContainer) [0,0 800x459.25]
- PaintableWithLines (BlockContainer) [9,9 782x441.25]
- PaintableBox (Box.grid) [10,10 502x439.25] overflow: [11,11 501.109375x437.25]
+ PaintableWithLines (BlockContainer) [0,0 800x460.28125]
+ PaintableWithLines (BlockContainer) [9,9 782x442.28125]
+ PaintableBox (Box
.grid) [10,10 502x440.28125] overflow: [11,11 501.109375x438.28125]
PaintableWithLines (BlockContainer
.left-margin-auto.right-margin-auto) [98.71875,11 324.5625x19.46875]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer
.left-margin-auto) [251.375,30.46875 259.625x19.46875]
@@ -131,10 +131,10 @@ PaintableWithLines (Viewport<#document>) [0,0 800x600]
TextPaintable (TextNode<#text>)
PaintableWithLines (BlockContainer
.right-margin-auto.fit-content-width) [11,108.34375 319.40625x19.46875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.left-margin-auto.right-margin-auto.fixed-width) [235,127.8125 52x106.8125] overflow: [236,128.8125 81.84375x104.8125]
+ PaintableWithLines (BlockContainer
.left-margin-auto.right-margin-auto.fixed-width) [235,127.8125 52x107.15625] overflow: [236,128.8125 81.84375x105.15625]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.left-margin-auto.fixed-width) [459,234.625 52x106.8125] overflow: [460,235.625 52.109375x104.8125]
+ PaintableWithLines (BlockContainer
.left-margin-auto.fixed-width) [459,234.96875 52x107.15625] overflow: [460,235.96875 52.109375x105.15625]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.right-margin-auto.fixed-width) [11,341.4375 52x106.8125] overflow: [12,342.4375 52.109375x104.8125]
+ PaintableWithLines (BlockContainer
.right-margin-auto.fixed-width) [11,342.125 52x107.15625] overflow: [12,343.125 52.109375x105.15625]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer(anonymous)) [10,449.25 780x0]
+ PaintableWithLines (BlockContainer(anonymous)) [10,450.28125 780x0]
diff --git a/Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width-2.txt b/Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width-2.txt
index 3c2fa96b708..54d365b0d9e 100644
--- a/Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width-2.txt
+++ b/Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width-2.txt
@@ -1,67 +1,67 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer at (8,8) content-size 784x0 children: not-inline
- Box
at (8,8) content-size 200x314.4375 floating [GFC] children: not-inline
- BlockContainer at (8,8) content-size 100x314.4375 [BFC] children: inline
+ Box at (8,8) content-size 200x315.40625 floating [GFC] children: not-inline
+ BlockContainer at (8,8) content-size 100x315.40625 [BFC] children: inline
line 0 width: 50.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 5, rect: [8,8 50.96875x17.46875]
"Lorem"
- line 1 width: 94.9375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 7, length: 11, rect: [8,25.46875 94.9375x17.46875]
+ line 1 width: 94.9375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17.46875]
"ipsum dolor"
- line 2 width: 70.9375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 19, length: 9, rect: [8,42.9375 70.9375x17.46875]
+ line 2 width: 70.9375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 19, length: 9, rect: [8,42 70.9375x17.46875]
"sit amet,"
- line 3 width: 96.84375, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 29, length: 11, rect: [8,60.40625 96.84375x17.46875]
+ line 3 width: 96.84375, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 29, length: 11, rect: [8,60 96.84375x17.46875]
"consectetur"
- line 4 width: 75.71875, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 41, length: 10, rect: [8,77.875 75.71875x17.46875]
+ line 4 width: 75.71875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 41, length: 10, rect: [8,77 75.71875x17.46875]
"adipiscing"
- line 5 width: 28.71875, height: 17.46875, bottom: 104.8125, baseline: 13.53125
- frag 0 from TextNode start: 52, length: 5, rect: [8,95.34375 28.71875x17.46875]
+ line 5 width: 28.71875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
+ frag 0 from TextNode start: 52, length: 5, rect: [8,95 28.71875x17.46875]
"elit."
- line 6 width: 65.40625, height: 17.46875, bottom: 122.28125, baseline: 13.53125
- frag 0 from TextNode start: 58, length: 7, rect: [8,112.8125 65.40625x17.46875]
+ line 6 width: 65.40625, height: 18.28125, bottom: 123.09375, baseline: 13.53125
+ frag 0 from TextNode start: 58, length: 7, rect: [8,112 65.40625x17.46875]
"Vivamus"
- line 7 width: 88.640625, height: 17.46875, bottom: 139.75, baseline: 13.53125
- frag 0 from TextNode start: 66, length: 11, rect: [8,130.28125 88.640625x17.46875]
+ line 7 width: 88.640625, height: 17.75, bottom: 140.03125, baseline: 13.53125
+ frag 0 from TextNode start: 66, length: 11, rect: [8,130 88.640625x17.46875]
"eget turpis"
- line 8 width: 77.40625, height: 17.46875, bottom: 157.21875, baseline: 13.53125
- frag 0 from TextNode start: 78, length: 9, rect: [8,147.75 77.40625x17.46875]
+ line 8 width: 77.40625, height: 18.21875, bottom: 157.96875, baseline: 13.53125
+ frag 0 from TextNode start: 78, length: 9, rect: [8,147 77.40625x17.46875]
"eget urna"
- line 9 width: 53.25, height: 17.46875, bottom: 174.6875, baseline: 13.53125
- frag 0 from TextNode start: 88, length: 7, rect: [8,165.21875 53.25x17.46875]
+ line 9 width: 53.25, height: 17.6875, bottom: 174.90625, baseline: 13.53125
+ frag 0 from TextNode start: 88, length: 7, rect: [8,165 53.25x17.46875]
"feugiat"
- line 10 width: 84.984375, height: 17.46875, bottom: 192.15625, baseline: 13.53125
- frag 0 from TextNode start: 96, length: 10, rect: [8,182.6875 84.984375x17.46875]
+ line 10 width: 84.984375, height: 18.15625, bottom: 192.84375, baseline: 13.53125
+ frag 0 from TextNode start: 96, length: 10, rect: [8,182 84.984375x17.46875]
"pretium ut"
- line 11 width: 65.359375, height: 17.46875, bottom: 209.625, baseline: 13.53125
- frag 0 from TextNode start: 107, length: 8, rect: [8,200.15625 65.359375x17.46875]
+ line 11 width: 65.359375, height: 17.625, bottom: 209.78125, baseline: 13.53125
+ frag 0 from TextNode start: 107, length: 8, rect: [8,200 65.359375x17.46875]
"eu ante."
- line 12 width: 72.46875, height: 17.46875, bottom: 227.09375, baseline: 13.53125
- frag 0 from TextNode start: 116, length: 8, rect: [8,217.625 72.46875x17.46875]
+ line 12 width: 72.46875, height: 18.09375, bottom: 227.71875, baseline: 13.53125
+ frag 0 from TextNode start: 116, length: 8, rect: [8,217 72.46875x17.46875]
"Nunc sed"
- line 13 width: 70.640625, height: 17.46875, bottom: 244.5625, baseline: 13.53125
- frag 0 from TextNode start: 125, length: 8, rect: [8,235.09375 70.640625x17.46875]
+ line 13 width: 70.640625, height: 17.5625, bottom: 244.65625, baseline: 13.53125
+ frag 0 from TextNode start: 125, length: 8, rect: [8,235 70.640625x17.46875]
"pharetra"
- line 14 width: 39.015625, height: 17.46875, bottom: 262.03125, baseline: 13.53125
- frag 0 from TextNode start: 134, length: 5, rect: [8,252.5625 39.015625x17.46875]
+ line 14 width: 39.015625, height: 18.03125, bottom: 262.59375, baseline: 13.53125
+ frag 0 from TextNode start: 134, length: 5, rect: [8,252 39.015625x17.46875]
"diam,"
- line 15 width: 56.25, height: 17.46875, bottom: 279.5, baseline: 13.53125
- frag 0 from TextNode start: 140, length: 6, rect: [8,270.03125 56.25x17.46875]
+ line 15 width: 56.25, height: 17.5, bottom: 279.53125, baseline: 13.53125
+ frag 0 from TextNode start: 140, length: 6, rect: [8,270 56.25x17.46875]
"rutrum"
- line 16 width: 50.546875, height: 17.46875, bottom: 296.96875, baseline: 13.53125
- frag 0 from TextNode start: 147, length: 7, rect: [8,287.5 50.546875x17.46875]
+ line 16 width: 50.546875, height: 17.96875, bottom: 297.46875, baseline: 13.53125
+ frag 0 from TextNode start: 147, length: 7, rect: [8,287 50.546875x17.46875]
"lacinia"
- line 17 width: 47.5, height: 17.46875, bottom: 314.4375, baseline: 13.53125
- frag 0 from TextNode start: 155, length: 7, rect: [8,304.96875 47.5x17.46875]
+ line 17 width: 47.5, height: 18.4375, bottom: 315.40625, baseline: 13.53125
+ frag 0 from TextNode start: 155, length: 7, rect: [8,304 47.5x17.46875]
"tellus."
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
- PaintableWithLines (BlockContainer) [8,8 784x0] overflow: [8,8 200x314.4375]
- PaintableBox (Box.container) [8,8 200x314.4375]
- PaintableWithLines (BlockContainer
.item) [8,8 100x314.4375]
+ PaintableWithLines (BlockContainer) [8,8 784x0] overflow: [8,8 200x315.40625]
+ PaintableBox (Box
.container) [8,8 200x315.40625]
+ PaintableWithLines (BlockContainer
.item) [8,8 100x315.40625]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt b/Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
index 2d14e5f9478..89977142da5 100644
--- a/Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
+++ b/Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
@@ -1,30 +1,30 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x34.9375 children: not-inline
- Box
at (8,8) content-size 784x34.9375 [GFC] children: not-inline
+ BlockContainer at (8,8) content-size 784x35.40625 children: not-inline
+ Box at (8,8) content-size 784x35.40625 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (8,8) content-size 100x34.9375 [BFC] children: not-inline
+ BlockContainer at (8,8) content-size 100x35.40625 [BFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (108.03125,8) content-size 683.96875x34.9375 [BFC] children: inline
+ BlockContainer at (108.03125,8) content-size 683.96875x35.40625 [BFC] children: inline
line 0 width: 625.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 77, rect: [108.03125,8 625.953125x17.46875]
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut iaculis venenatis"
- line 1 width: 304.0625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 78, length: 39, rect: [108.03125,25.46875 304.0625x17.46875]
+ line 1 width: 304.0625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 78, length: 39, rect: [108.03125,25 304.0625x17.46875]
"purus, eget blandit velit venenatis at."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
+ BlockContainer <(anonymous)> at (8,43.40625) content-size 784x0 children: inline
TextNode <#text>
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
- PaintableWithLines (BlockContainer) [8,8 784x34.9375]
- PaintableBox (Box.container) [8,8 784x34.9375]
- PaintableWithLines (BlockContainer
.item-left) [8,8 100x34.9375]
- PaintableWithLines (BlockContainer
.item-right) [108.03125,8 683.96875x34.9375]
+ PaintableWithLines (BlockContainer) [8,8 784x35.40625]
+ PaintableBox (Box
.container) [8,8 784x35.40625]
+ PaintableWithLines (BlockContainer
.item-left) [8,8 100x35.40625]
+ PaintableWithLines (BlockContainer
.item-right) [108.03125,8 683.96875x35.40625]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer(anonymous)) [8,42.9375 784x0]
+ PaintableWithLines (BlockContainer(anonymous)) [8,43.40625 784x0]
diff --git a/Tests/LibWeb/Layout/expected/grid/row-span-2-maxcontent.txt b/Tests/LibWeb/Layout/expected/grid/row-span-2-maxcontent.txt
index de6fe70063a..e41d99edea0 100644
--- a/Tests/LibWeb/Layout/expected/grid/row-span-2-maxcontent.txt
+++ b/Tests/LibWeb/Layout/expected/grid/row-span-2-maxcontent.txt
@@ -1,104 +1,104 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x314.4375 children: not-inline
- Box
at (8,8) content-size 784x314.4375 [GFC] children: not-inline
+ BlockContainer at (8,8) content-size 784x315.40625 children: not-inline
+ Box at (8,8) content-size 784x315.40625 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (401.46875,8) content-size 392x131.015625 [BFC] children: inline
+ BlockContainer at (401.46875,8) content-size 392x131.296875 [BFC] children: inline
line 0 width: 319.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 40, rect: [401.46875,8 319.171875x17.46875]
"In a sollicitudin augue. Sed ante augue,"
- line 1 width: 335.125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 42, length: 42, rect: [401.46875,25.46875 335.125x17.46875]
+ line 1 width: 335.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17.46875]
"rhoncus nec porttitor id, lacinia et nibh."
- line 2 width: 378.625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 85, length: 48, rect: [401.46875,42.9375 378.625x17.46875]
+ line 2 width: 378.625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 85, length: 48, rect: [401.46875,42 378.625x17.46875]
"Pellentesque diam libero, ultrices eget eleifend"
- line 3 width: 182.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 134, length: 22, rect: [401.46875,60.40625 182.8125x17.46875]
+ line 3 width: 182.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 134, length: 22, rect: [401.46875,60 182.8125x17.46875]
"at, consequat ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (401.46875,139.015625) content-size 392x183.421875 [BFC] children: inline
+ BlockContainer at (401.46875,139.296875) content-size 392x184.109375 [BFC] children: inline
line 0 width: 359.15625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
- frag 0 from TextNode start: 1, length: 43, rect: [401.46875,139.015625 359.15625x17.46875]
+ frag 0 from TextNode start: 1, length: 43, rect: [401.46875,139.296875 359.15625x17.46875]
"Suspendisse potenti. Pellentesque at varius"
- line 1 width: 318.5625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 45, length: 41, rect: [401.46875,156.484375 318.5625x17.46875]
+ line 1 width: 318.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 45, length: 41, rect: [401.46875,156.296875 318.5625x17.46875]
"lacus, sed sollicitudin leo. Pellentesque"
- line 2 width: 377.640625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 87, length: 44, rect: [401.46875,173.953125 377.640625x17.46875]
+ line 2 width: 377.640625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 87, length: 44, rect: [401.46875,173.296875 377.640625x17.46875]
"malesuada mi eget pellentesque tempor. Donec"
- line 3 width: 378.03125, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 132, length: 47, rect: [401.46875,191.421875 378.03125x17.46875]
+ line 3 width: 378.03125, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 132, length: 47, rect: [401.46875,191.296875 378.03125x17.46875]
"egestas mauris est, ut lobortis nisi luctus at."
- line 4 width: 345.953125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 180, length: 41, rect: [401.46875,208.890625 345.953125x17.46875]
+ line 4 width: 345.953125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 180, length: 41, rect: [401.46875,208.296875 345.953125x17.46875]
"Vivamus eleifend, lorem vulputate maximus"
- line 5 width: 312.765625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
- frag 0 from TextNode start: 222, length: 37, rect: [401.46875,226.359375 312.765625x17.46875]
+ line 5 width: 312.765625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
+ frag 0 from TextNode start: 222, length: 37, rect: [401.46875,226.296875 312.765625x17.46875]
"porta, nunc metus porttitor nibh, nec"
- line 6 width: 242.921875, height: 17.46875, bottom: 122.28125, baseline: 13.53125
- frag 0 from TextNode start: 260, length: 31, rect: [401.46875,243.828125 242.921875x17.46875]
+ line 6 width: 242.921875, height: 18.28125, bottom: 123.09375, baseline: 13.53125
+ frag 0 from TextNode start: 260, length: 31, rect: [401.46875,243.296875 242.921875x17.46875]
"bibendum nulla lectus ut felis."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (8,8) content-size 393.46875x314.4375 [BFC] children: inline
+ BlockContainer at (8,8) content-size 393.46875x315.40625 [BFC] children: inline
line 0 width: 337.6875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 39, rect: [8,8 337.6875x17.46875]
"Lorem ipsum dolor sit amet, consectetur"
- line 1 width: 376.34375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
- frag 0 from TextNode start: 41, length: 47, rect: [8,25.46875 376.34375x17.46875]
+ line 1 width: 376.34375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
+ frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17.46875]
"adipiscing elit. Sed vitae condimentum erat, ac"
- line 2 width: 365.84375, height: 17.46875, bottom: 52.40625, baseline: 13.53125
- frag 0 from TextNode start: 89, length: 45, rect: [8,42.9375 365.84375x17.46875]
+ line 2 width: 365.84375, height: 18.40625, bottom: 53.34375, baseline: 13.53125
+ frag 0 from TextNode start: 89, length: 45, rect: [8,42 365.84375x17.46875]
"posuere arcu. Aenean tincidunt mi ligula, vel"
- line 3 width: 381.96875, height: 17.46875, bottom: 69.875, baseline: 13.53125
- frag 0 from TextNode start: 135, length: 46, rect: [8,60.40625 381.96875x17.46875]
+ line 3 width: 381.96875, height: 17.875, bottom: 70.28125, baseline: 13.53125
+ frag 0 from TextNode start: 135, length: 46, rect: [8,60 381.96875x17.46875]
"semper dolor aliquet at. Phasellus scelerisque"
- line 4 width: 377.203125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
- frag 0 from TextNode start: 182, length: 45, rect: [8,77.875 377.203125x17.46875]
+ line 4 width: 377.203125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
+ frag 0 from TextNode start: 182, length: 45, rect: [8,77 377.203125x17.46875]
"dapibus diam sed rhoncus. Proin sed orci leo."
- line 5 width: 375.390625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
- frag 0 from TextNode start: 228, length: 45, rect: [8,95.34375 375.390625x17.46875]
+ line 5 width: 375.390625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
+ frag 0 from TextNode start: 228, length: 45, rect: [8,95 375.390625x17.46875]
"Praesent pellentesque mi eu nunc gravida, vel"
- line 6 width: 383.53125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
- frag 0 from TextNode start: 274, length: 46, rect: [8,112.8125 383.53125x17.46875]
+ line 6 width: 383.53125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
+ frag 0 from TextNode start: 274, length: 46, rect: [8,112 383.53125x17.46875]
"consectetur nulla malesuada. Sed pellentesque,"
- line 7 width: 344.8125, height: 17.46875, bottom: 139.75, baseline: 13.53125
- frag 0 from TextNode start: 321, length: 47, rect: [8,130.28125 344.8125x17.46875]
+ line 7 width: 344.8125, height: 17.75, bottom: 140.03125, baseline: 13.53125
+ frag 0 from TextNode start: 321, length: 47, rect: [8,130 344.8125x17.46875]
"elit sit amet sollicitudin sollicitudin, lectus"
- line 8 width: 374.703125, height: 17.46875, bottom: 157.21875, baseline: 13.53125
- frag 0 from TextNode start: 369, length: 46, rect: [8,147.75 374.703125x17.46875]
+ line 8 width: 374.703125, height: 18.21875, bottom: 157.96875, baseline: 13.53125
+ frag 0 from TextNode start: 369, length: 46, rect: [8,147 374.703125x17.46875]
"justo facilisis lacus, ac vehicula metus neque"
- line 9 width: 384.125, height: 17.46875, bottom: 174.6875, baseline: 13.53125
- frag 0 from TextNode start: 416, length: 45, rect: [8,165.21875 384.125x17.46875]
+ line 9 width: 384.125, height: 17.6875, bottom: 174.90625, baseline: 13.53125
+ frag 0 from TextNode start: 416, length: 45, rect: [8,165 384.125x17.46875]
"ac mi. In in augue et massa maximus venenatis"
- line 10 width: 373.25, height: 17.46875, bottom: 192.15625, baseline: 13.53125
- frag 0 from TextNode start: 462, length: 44, rect: [8,182.6875 373.25x17.46875]
+ line 10 width: 373.25, height: 18.15625, bottom: 192.84375, baseline: 13.53125
+ frag 0 from TextNode start: 462, length: 44, rect: [8,182 373.25x17.46875]
"auctor fermentum dui. Aliquam dictum finibus"
- line 11 width: 288.203125, height: 17.46875, bottom: 209.625, baseline: 13.53125
- frag 0 from TextNode start: 507, length: 35, rect: [8,200.15625 288.203125x17.46875]
+ line 11 width: 288.203125, height: 17.625, bottom: 209.78125, baseline: 13.53125
+ frag 0 from TextNode start: 507, length: 35, rect: [8,200 288.203125x17.46875]
"urna, quis lacinia massa laoreet a."
- line 12 width: 316.296875, height: 17.46875, bottom: 227.09375, baseline: 13.53125
- frag 0 from TextNode start: 543, length: 36, rect: [8,217.625 316.296875x17.46875]
+ line 12 width: 316.296875, height: 18.09375, bottom: 227.71875, baseline: 13.53125
+ frag 0 from TextNode start: 543, length: 36, rect: [8,217 316.296875x17.46875]
"Suspendisse elementum non lectus nec"
- line 13 width: 388.78125, height: 17.46875, bottom: 244.5625, baseline: 13.53125
- frag 0 from TextNode start: 580, length: 48, rect: [8,235.09375 388.78125x17.46875]
+ line 13 width: 388.78125, height: 17.5625, bottom: 244.65625, baseline: 13.53125
+ frag 0 from TextNode start: 580, length: 48, rect: [8,235 388.78125x17.46875]
"elementum. Quisque ultricies suscipit porttitor."
- line 14 width: 373.828125, height: 17.46875, bottom: 262.03125, baseline: 13.53125
- frag 0 from TextNode start: 629, length: 45, rect: [8,252.5625 373.828125x17.46875]
+ line 14 width: 373.828125, height: 18.03125, bottom: 262.59375, baseline: 13.53125
+ frag 0 from TextNode start: 629, length: 45, rect: [8,252 373.828125x17.46875]
"Sed non urna rutrum, mattis nulla at, feugiat"
- line 15 width: 368.75, height: 17.46875, bottom: 279.5, baseline: 13.53125
- frag 0 from TextNode start: 675, length: 48, rect: [8,270.03125 368.75x17.46875]
+ line 15 width: 368.75, height: 17.5, bottom: 279.53125, baseline: 13.53125
+ frag 0 from TextNode start: 675, length: 48, rect: [8,270 368.75x17.46875]
"erat. Duis orci elit, vehicula sed blandit eget,"
- line 16 width: 390.625, height: 17.46875, bottom: 296.96875, baseline: 13.53125
- frag 0 from TextNode start: 724, length: 46, rect: [8,287.5 390.625x17.46875]
+ line 16 width: 390.625, height: 17.96875, bottom: 297.46875, baseline: 13.53125
+ frag 0 from TextNode start: 724, length: 46, rect: [8,287 390.625x17.46875]
"auctor in arcu. Ut cursus magna sit amet nulla"
- line 17 width: 294.90625, height: 17.46875, bottom: 314.4375, baseline: 13.53125
- frag 0 from TextNode start: 771, length: 36, rect: [8,304.96875 294.90625x17.46875]
+ line 17 width: 294.90625, height: 18.4375, bottom: 315.40625, baseline: 13.53125
+ frag 0 from TextNode start: 771, length: 36, rect: [8,304 294.90625x17.46875]
"cursus, vitae gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@@ -106,11 +106,11 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
PaintableWithLines (Viewport<#document>) [0,0 800x600]
PaintableWithLines (BlockContainer) [0,0 800x600]
- PaintableWithLines (BlockContainer) [8,8 784x314.4375] overflow: [8,8 785.46875x314.4375]
- PaintableBox (Box.grid-container) [8,8 784x314.4375] overflow: [8,8 785.46875x314.4375]
- PaintableWithLines (BlockContainer
.grid-item.item-span-one-one) [401.46875,8 392x131.015625]
+ PaintableWithLines (BlockContainer) [8,8 784x315.40625] overflow: [8,8 785.46875x315.40625]
+ PaintableBox (Box
.grid-container) [8,8 784x315.40625] overflow: [8,8 785.46875x315.40625]
+ PaintableWithLines (BlockContainer
.grid-item.item-span-one-one) [401.46875,8 392x131.296875]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.grid-item.item-span-one-two) [401.46875,139.015625 392x183.421875]
+ PaintableWithLines (BlockContainer
.grid-item.item-span-one-two) [401.46875,139.296875 392x184.109375]
TextPaintable (TextNode<#text>)
- PaintableWithLines (BlockContainer
.grid-item.item-span-two) [8,8 393.46875x314.4375]
+ PaintableWithLines (BlockContainer
.grid-item.item-span-two) [8,8 393.46875x315.40625]
TextPaintable (TextNode<#text>)
diff --git a/Tests/LibWeb/Layout/expected/grid/row-span-2-mincontent.txt b/Tests/LibWeb/Layout/expected/grid/row-span-2-mincontent.txt
index 9aa193c51b4..d1f9c63eb53 100644
--- a/Tests/LibWeb/Layout/expected/grid/row-span-2-mincontent.txt
+++ b/Tests/LibWeb/Layout/expected/grid/row-span-2-mincontent.txt
@@ -1,185 +1,185 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer at (0,0) content-size 800x600 [BFC] children: not-inline
- BlockContainer at (8,8) content-size 784x559 children: not-inline
- Box
at (8,8) content-size 784x559 [GFC] children: not-inline
+ BlockContainer at (8,8) content-size 784x560.0625 children: not-inline
+ Box at (8,8) content-size 784x560.0625 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
- BlockContainer at (108.640625,8) content-size 101.515625x244.5625 [BFC] children: inline
+ BlockContainer