RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 14:57:34 +00:00
Code Issues Activity Actions

LibWeb: Use fixed-point saturated arithmetics for CSSPixels

Browse source 
Using fixed-point saturated arithmetics for CSSPixels allows to avoid
accumulating floating-point errors.

This implementation is not complete yet: currently saturated
arithmetics implemented only for addition. But it is enough to not
regress any of layout tests we have :)

See https://github.com/SerenityOS/serenity/issues/18566
This commit is contained in:
Aliaksandr Kalenik 2023-07-23 01:09:39 +02:00 • committed by Andreas Kling
parent 5cdd03fc53
commit bec07d4af7
136 changed files with 1938 additions and 1844 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Tests/LibWeb/Layout/expected/grid/auto-fill.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (8,8) content-size 261.328125x17.46875 [BFC] 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: [8,8 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,8 8.8125x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17.46875]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,8 9.09375x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17.46875]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

10
Tests/LibWeb/Layout/expected/grid/auto-fit.txt
View file

@ -4,23 +4,23 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (8,8) content-size 261.328125x17.46875 [BFC] 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: [8,8 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,8 8.8125x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 8.8125x17.46875]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,8 9.09375x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 9.09375x17.46875]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

6
Tests/LibWeb/Layout/expected/grid/borders.txt
View file

@ -103,14 +103,14 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,275.34375) content-size 784x90.9375 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (444.2,285.34375) content-size 337.8x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (444.1875,285.34375) content-size 337.796875x17.46875 [BFC] 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: [444.2,285.34375 6.34375x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [444.1875,285.34375 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (18,338.8125) content-size 337.8x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (18,338.8125) content-size 337.796875x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [18,338.8125 8.8125x17.46875]
"2"

6
Tests/LibWeb/Layout/expected/grid/grid-gap-2.txt
View file

@ -2,12 +2,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x50.9375 children: not-inline
Box <div.container> at (8,8) content-size 784x50.9375 [GFC] children: not-inline
BlockContainer <div.item> at (434.2,8) content-size 357.8x17.46875 [BFC] children: inline
BlockContainer <div.item> at (434.1875,8) content-size 357.796875x17.46875 [BFC] 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: [434.2,8 6.34375x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [434.1875,8 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <div.item> at (8,41.46875) content-size 357.8x17.46875 [BFC] children: inline
BlockContainer <div.item> at (8,41.46875) content-size 357.796875x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,41.46875 8.8125x17.46875]
"2"

30
Tests/LibWeb/Layout/expected/grid/grid-item-fixed-paddings.txt
View file

@ -1,36 +1,36 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x355.507812 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x355.507812 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x355.5 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x355.5 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (68,68) content-size 17.050781x32.753906 [BFC] children: inline
line 0 width: 11.894531, height: 32.753906, bottom: 32.753906, baseline: 25.371093
frag 0 from TextNode start: 0, length: 1, rect: [71,68 11.894531x32.753906]
BlockContainer <div.grid-item> at (68,68) content-size 17.046875x32.75 [BFC] children: inline
line 0 width: 11.890625, height: 32.75, bottom: 32.75, baseline: 25.359375
frag 0 from TextNode start: 0, length: 1, rect: [70.578125,68 11.890625x32.75]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (255.050781,68) content-size 16.523437x32.753906 [BFC] children: inline
line 0 width: 16.523437, height: 32.753906, bottom: 32.753906, baseline: 25.371093
frag 0 from TextNode start: 0, length: 1, rect: [255.050781,68 16.523437x32.753906]
BlockContainer <div.grid-item> at (255.046875,68) content-size 16.515625x32.75 [BFC] children: inline
line 0 width: 16.515625, height: 32.75, bottom: 32.75, baseline: 25.359375
frag 0 from TextNode start: 0, length: 1, rect: [255.046875,68 16.515625x32.75]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (68,270.753906) content-size 17.050781x32.753906 [BFC] children: inline
line 0 width: 17.050781, height: 32.753906, bottom: 32.753906, baseline: 25.371093
frag 0 from TextNode start: 0, length: 1, rect: [68,270.753906 17.050781x32.753906]
BlockContainer <div.grid-item> at (68,270.75) content-size 17.046875x32.75 [BFC] children: inline
line 0 width: 17.046875, height: 32.75, bottom: 32.75, baseline: 25.359375
frag 0 from TextNode start: 0, length: 1, rect: [68,270.75 17.046875x32.75]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (255.050781,270.753906) content-size 16.523437x32.753906 [BFC] children: inline
line 0 width: 14.53125, height: 32.753906, bottom: 32.753906, baseline: 25.371093
frag 0 from TextNode start: 0, length: 1, rect: [256.050781,270.753906 14.53125x32.753906]
BlockContainer <div.grid-item> at (255.046875,270.75) content-size 16.515625x32.75 [BFC] children: inline
line 0 width: 14.53125, height: 32.75, bottom: 32.75, baseline: 25.359375
frag 0 from TextNode start: 0, length: 1, rect: [256.03125,270.75 14.53125x32.75]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,363.507812) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,363.5) content-size 784x0 children: inline
TextNode <#text>

80
Tests/LibWeb/Layout/expected/grid/grid-item-horizontal-margins-auto.txt
View file

@ -1,7 +1,7 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x458.28125 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x440.28125 children: not-inline
Box <div.grid> at (11,11) content-size 500x438.28125 [GFC] children: not-inline
BlockContainer <html> at (1,1) content-size 798x457.25 [BFC] children: not-inline
BlockContainer <body> at (10,10) content-size 780x439.25 children: not-inline
Box <div.grid> at (11,11) content-size 500x437.25 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto> at (99.71875,12) content-size 322.5625x17.46875 [BFC] children: inline
@ -25,9 +25,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.257812,70.40625) content-size 371.484375x17.46875 [BFC] children: inline
BlockContainer <div.left-margin-auto.right-margin-auto.fit-content-width> at (75.25,70.40625) content-size 371.484375x17.46875 [BFC] children: inline
line 0 width: 371.484375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 45, rect: [75.257812,70.40625 371.484375x17.46875]
frag 0 from TextNode start: 0, length: 45, rect: [75.25,70.40625 371.484375x17.46875]
"auto horizontal margins and fit-content width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -46,71 +46,71 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.right-margin-auto.fixed-width> at (236,128.8125) content-size 50x105.15625 [BFC] children: inline
BlockContainer <div.left-margin-auto.right-margin-auto.fixed-width> at (236,128.8125) content-size 50x104.8125 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 5, length: 10, rect: [236,145.8125 81.84375x17.46875]
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]
"horizontal"
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]
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]
"margins"
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]
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]
"and"
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]
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]
"fixed"
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]
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]
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.left-margin-auto.fixed-width> at (460,235.96875) content-size 50x105.15625 [BFC] children: inline
BlockContainer <div.left-margin-auto.fixed-width> at (460,235.625) content-size 50x104.8125 [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.96875 36.328125x17.46875]
frag 0 from TextNode start: 0, length: 4, rect: [460,235.625 36.328125x17.46875]
"auto"
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]
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]
"left"
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]
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]
"margin"
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]
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]
"and"
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]
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]
"fixed"
line 5 width: 39.796875, height: 17.8125, bottom: 105.15625, baseline: 13.53125
line 5 width: 39.796875, height: 17.46875, bottom: 104.8125, 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 <div.right-margin-auto.fixed-width> at (12,343.125) content-size 50x105.15625 [BFC] children: inline
BlockContainer <div.right-margin-auto.fixed-width> at (12,342.4375) content-size 50x104.8125 [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,343.125 36.328125x17.46875]
frag 0 from TextNode start: 0, length: 4, rect: [12,342.4375 36.328125x17.46875]
"auto"
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]
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]
"right"
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]
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]
"margin"
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]
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]
"and"
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]
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]
"fixed"
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]
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]
"width"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (10,450.28125) content-size 780x0 children: inline
BlockContainer <(anonymous)> at (10,449.25) content-size 780x0 children: inline
TextNode <#text>

4
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-margins.txt
View file

@ -3,8 +3,8 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
BlockContainer <div> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item> at (243.2,8) content-size 313.6x17.46875 [BFC] children: inline
BlockContainer <div.item> at (243.1875,8) content-size 313.625x17.46875 [BFC] children: inline
line 0 width: 121.0625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 16, rect: [243.2,8 121.0625x17.46875]
frag 0 from TextNode start: 0, length: 16, rect: [243.1875,8 121.0625x17.46875]
"A filthy t-shirt"
TextNode <#text>

72
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width-2.txt
View file

@ -1,60 +1,60 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x0 children: not-inline
Box <div.container> at (8,8) content-size 200x315.40625 floating [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 100x315.40625 [BFC] children: inline
Box <div.container> at (8,8) content-size 200x314.4375 floating [GFC] children: not-inline
BlockContainer <div.item> at (8,8) content-size 100x314.4375 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17.46875]
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]
"ipsum dolor"
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]
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]
"sit amet,"
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]
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]
"consectetur"
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]
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]
"adipiscing"
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]
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]
"elit."
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]
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]
"Vivamus"
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]
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]
"eget turpis"
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]
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]
"eget urna"
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]
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]
"feugiat"
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]
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]
"pretium ut"
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]
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]
"eu ante."
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]
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]
"Nunc sed"
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]
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]
"pharetra"
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]
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]
"diam,"
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]
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]
"rutrum"
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]
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]
"lacinia"
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]
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]
"tellus."
TextNode <#text>

4
Tests/LibWeb/Layout/expected/grid/grid-item-percentage-width.txt
View file

@ -2,12 +2,12 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.first> at (8,8) content-size 313.6x17.46875 [BFC] children: inline
BlockContainer <div.first> at (8,8) content-size 313.59375x17.46875 [BFC] children: inline
line 0 width: 42.140625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 42.140625x17.46875]
"First"
TextNode <#text>
BlockContainer <div.second> at (400,8) content-size 78.4x17.46875 [BFC] children: inline
BlockContainer <div.second> at (400,8) content-size 78.390625x17.46875 [BFC] children: inline
line 0 width: 57.40625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [400,8 57.40625x17.46875]
"Second"

8
Tests/LibWeb/Layout/expected/grid/grid-row-height-affected-by-item-margins.txt
View file

@ -1,8 +1,8 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (1,1) content-size 798x97.817501 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x79.817501 [GFC] children: not-inline
BlockContainer <h1> at (55.5,32.440000) content-size 689x34.9375 [BFC] children: inline
BlockContainer <html> at (1,1) content-size 798x97.8125 [BFC] children: not-inline
Box <body> at (10,10) content-size 780x79.8125 [GFC] children: not-inline
BlockContainer <h1> at (55.5,32.4375) content-size 689x34.9375 [BFC] children: inline
line 0 width: 492.96875, height: 34.9375, bottom: 34.9375, baseline: 27.0625
frag 0 from TextNode start: 0, length: 31, rect: [55.5,32.440000 492.96875x34.9375]
frag 0 from TextNode start: 0, length: 31, rect: [55.5,32.4375 492.96875x34.9375]
"Null publishes fine indie games"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/image-in-grid.txt
View file

@ -1,14 +1,14 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x23.999999 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x23.999999 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x24 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x24 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.wrapper> at (8,8) content-size 64x23.999999 [BFC] children: inline
line 0 width: 64, height: 23.999999, bottom: 23.999999, baseline: 23.999999
frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64x23.999999]
BlockContainer <div.wrapper> at (8,8) content-size 64.015625x24 [BFC] children: inline
line 0 width: 64.015625, height: 24, bottom: 24, baseline: 24
frag 0 from ImageBox start: 0, length: 0, rect: [8,8 64.015625x24]
TextNode <#text>
ImageBox <img> at (8,8) content-size 64x23.999999 children: not-inline
ImageBox <img> at (8,8) content-size 64.015625x24 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>

16
Tests/LibWeb/Layout/expected/grid/item-column-span-2.txt
View file

@ -1,21 +1,21 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x35.40625 children: not-inline
Box <div.container> at (8,8) content-size 784x35.40625 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.container> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.item-left> at (8,8) content-size 100x35.40625 [BFC] children: not-inline
BlockContainer <div.item-left> at (8,8) content-size 100x34.9375 [BFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.item-right> at (108,8) content-size 683.999999x35.40625 [BFC] children: inline
BlockContainer <div.item-right> at (108.03125,8) content-size 683.96875x34.9375 [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,8 625.953125x17.46875]
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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 78, length: 39, rect: [108,25 304.0625x17.46875]
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]
"purus, eget blandit velit venenatis at."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,43.40625) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,42.9375) content-size 784x0 children: inline
TextNode <#text>

4
Tests/LibWeb/Layout/expected/grid/justify-items.txt
View file

@ -12,9 +12,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <(anonymous)> at (10,31.46875) content-size 780x0 children: inline
TextNode <#text>
Box <div.grid.center> at (11,32.46875) content-size 778x19.46875 [GFC] children: not-inline
BlockContainer <div> at (373.476562,33.46875) content-size 53.046875x17.46875 [BFC] children: inline
BlockContainer <div> at (373.46875,33.46875) content-size 53.046875x17.46875 [BFC] children: inline
line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [373.476562,33.46875 53.046875x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [373.46875,33.46875 53.046875x17.46875]
"Center"
TextNode <#text>
BlockContainer <(anonymous)> at (10,52.9375) content-size 780x0 children: inline

4
Tests/LibWeb/Layout/expected/grid/justify-self.txt
View file

@ -10,9 +10,9 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div> at (373.476562,30.46875) content-size 53.046875x17.46875 [BFC] children: inline
BlockContainer <div> at (373.46875,30.46875) content-size 53.046875x17.46875 [BFC] children: inline
line 0 width: 53.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [373.476562,30.46875 53.046875x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [373.46875,30.46875 53.046875x17.46875]
"Center"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

12
Tests/LibWeb/Layout/expected/grid/minmax-with-max-function-inside.txt
View file

@ -2,22 +2,22 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.grid> at (8,8) content-size 784x34.9375 [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.34375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,8 9.34375x17.46875]
"a"
TextNode <#text>
BlockContainer <div> at (269.333333,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div> at (269.328125,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 9.46875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,8 9.46875x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,8 9.46875x17.46875]
"b"
TextNode <#text>
BlockContainer <div> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 8.890625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,8 8.890625x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,8 8.890625x17.46875]
"c"
TextNode <#text>
BlockContainer <div> at (8,25.46875) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div> at (8,25.46875) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 7.859375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [8,25.46875 7.859375x17.46875]
"d"

14
Tests/LibWeb/Layout/expected/grid/named-tracks.txt
View file

@ -25,30 +25,30 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,25.46875) content-size 784x75 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.333333x75 [BFC] children: inline
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.328125x75 [BFC] 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: [8,25.46875 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (530.666666,25.46875) content-size 261.333333x50 [BFC] children: inline
BlockContainer <div.grid-item> at (530.65625,25.46875) content-size 261.328125x50 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,25.46875 8.8125x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [530.65625,25.46875 8.8125x17.46875]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,25.46875) content-size 261.333333x25 [BFC] children: inline
BlockContainer <div.grid-item> at (269.328125,25.46875) content-size 261.328125x25 [BFC] children: inline
line 0 width: 9.09375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,25.46875 9.09375x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,25.46875 9.09375x17.46875]
"3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,75.46875) content-size 522.666666x25 [BFC] children: inline
BlockContainer <div.grid-item> at (269.328125,75.46875) content-size 522.65625x25 [BFC] children: inline
line 0 width: 7.75, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,75.46875 7.75x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [269.328125,75.46875 7.75x17.46875]
"4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

12
Tests/LibWeb/Layout/expected/grid/positions-and-spans.txt
View file

@ -4,16 +4,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,8) content-size 522.666666x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (8,8) content-size 522.5x17.46875 [BFC] 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: [8,8 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (530.5,8) content-size 261.25x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [530.666666,8 8.8125x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [530.5,8 8.8125x17.46875]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
@ -25,16 +25,16 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
Box <div.grid-container> at (8,25.46875) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (8,25.46875) content-size 261.25x17.46875 [BFC] 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: [8,25.46875 6.34375x17.46875]
"1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item> at (269.333333,25.46875) content-size 522.666666x17.46875 [BFC] children: inline
BlockContainer <div.grid-item> at (269.25,25.46875) content-size 522.5x17.46875 [BFC] children: inline
line 0 width: 8.8125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 1, rect: [269.333333,25.46875 8.8125x17.46875]
frag 0 from TextNode start: 0, length: 1, rect: [269.25,25.46875 8.8125x17.46875]
"2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

116
Tests/LibWeb/Layout/expected/grid/row-span-2-maxcontent.txt
View file

@ -1,104 +1,104 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x315.40625 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x315.40625 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x314.4375 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x314.4375 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (401.46875,8) content-size 392x131.296875 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-one> at (401.46875,8) content-size 392x131.015625 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17.46875]
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]
"rhoncus nec porttitor id, lacinia et nibh."
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]
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]
"Pellentesque diam libero, ultrices eget eleifend"
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]
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]
"at, consequat ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (401.46875,139.296875) content-size 392x184.109375 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-two> at (401.46875,139.015625) content-size 392x183.421875 [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.296875 359.15625x17.46875]
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,139.015625 359.15625x17.46875]
"Suspendisse potenti. Pellentesque at varius"
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]
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]
"lacus, sed sollicitudin leo. Pellentesque"
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]
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]
"malesuada mi eget pellentesque tempor. Donec"
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]
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]
"egestas mauris est, ut lobortis nisi luctus at."
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]
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]
"Vivamus eleifend, lorem vulputate maximus"
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]
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]
"porta, nunc metus porttitor nibh, nec"
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]
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]
"bibendum nulla lectus ut felis."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 393.46875x315.40625 [BFC] children: inline
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 393.46875x314.4375 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17.46875]
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]
"adipiscing elit. Sed vitae condimentum erat, ac"
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]
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]
"posuere arcu. Aenean tincidunt mi ligula, vel"
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]
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]
"semper dolor aliquet at. Phasellus scelerisque"
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]
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]
"dapibus diam sed rhoncus. Proin sed orci leo."
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]
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]
"Praesent pellentesque mi eu nunc gravida, vel"
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]
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]
"consectetur nulla malesuada. Sed pellentesque,"
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]
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]
"elit sit amet sollicitudin sollicitudin, lectus"
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]
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]
"justo facilisis lacus, ac vehicula metus neque"
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]
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]
"ac mi. In in augue et massa maximus venenatis"
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]
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]
"auctor fermentum dui. Aliquam dictum finibus"
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]
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]
"urna, quis lacinia massa laoreet a."
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]
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]
"Suspendisse elementum non lectus nec"
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]
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]
"elementum. Quisque ultricies suscipit porttitor."
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]
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]
"Sed non urna rutrum, mattis nulla at, feugiat"
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]
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]
"erat. Duis orci elit, vehicula sed blandit eget,"
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]
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]
"auctor in arcu. Ut cursus magna sit amet nulla"
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]
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]
"cursus, vitae gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

222
Tests/LibWeb/Layout/expected/grid/row-span-2-mincontent.txt
View file

@ -1,185 +1,185 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x560.0625 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x560.0625 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x559 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x559 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (108.640625,8) content-size 101.515625x244.65625 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-one> at (108.640625,8) content-size 101.515625x244.5625 [BFC] children: inline
line 0 width: 31.546875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 4, rect: [108.640625,8 31.546875x17.46875]
"In a"
line 1 width: 84.84375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 6, length: 12, rect: [108.640625,25 84.84375x17.46875]
line 1 width: 84.84375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 6, length: 12, rect: [108.640625,25.46875 84.84375x17.46875]
"sollicitudin"
line 2 width: 86.046875, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 19, length: 10, rect: [108.640625,42 86.046875x17.46875]
line 2 width: 86.046875, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 19, length: 10, rect: [108.640625,42.9375 86.046875x17.46875]
"augue. Sed"
line 3 width: 92.734375, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 30, length: 11, rect: [108.640625,60 92.734375x17.46875]
line 3 width: 92.734375, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 30, length: 11, rect: [108.640625,60.40625 92.734375x17.46875]
"ante augue,"
line 4 width: 101.3125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 42, length: 11, rect: [108.640625,77 101.3125x17.46875]
line 4 width: 101.3125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 42, length: 11, rect: [108.640625,77.875 101.3125x17.46875]
"rhoncus nec"
line 5 width: 98.40625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 54, length: 13, rect: [108.640625,95 98.40625x17.46875]
line 5 width: 98.40625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 54, length: 13, rect: [108.640625,95.34375 98.40625x17.46875]
"porttitor id,"
line 6 width: 74.125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 68, length: 10, rect: [108.640625,112 74.125x17.46875]
line 6 width: 74.125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 68, length: 10, rect: [108.640625,112.8125 74.125x17.46875]
"lacinia et"
line 7 width: 37.28125, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 79, length: 5, rect: [108.640625,130 37.28125x17.46875]
line 7 width: 37.28125, height: 17.46875, bottom: 139.75, baseline: 13.53125
frag 0 from TextNode start: 79, length: 5, rect: [108.640625,130.28125 37.28125x17.46875]
"nibh."
line 8 width: 101.515625, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 85, length: 12, rect: [108.640625,147 101.515625x17.46875]
line 8 width: 101.515625, height: 17.46875, bottom: 157.21875, baseline: 13.53125
frag 0 from TextNode start: 85, length: 12, rect: [108.640625,147.75 101.515625x17.46875]
"Pellentesque"
line 9 width: 93.1875, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 98, length: 12, rect: [108.640625,165 93.1875x17.46875]
line 9 width: 93.1875, height: 17.46875, bottom: 174.6875, baseline: 13.53125
frag 0 from TextNode start: 98, length: 12, rect: [108.640625,165.21875 93.1875x17.46875]
"diam libero,"
line 10 width: 101.0625, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 111, length: 13, rect: [108.640625,182 101.0625x17.46875]
line 10 width: 101.0625, height: 17.46875, bottom: 192.15625, baseline: 13.53125
frag 0 from TextNode start: 111, length: 13, rect: [108.640625,182.6875 101.0625x17.46875]
"ultrices eget"
line 11 width: 88.109375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 125, length: 12, rect: [108.640625,200 88.109375x17.46875]
line 11 width: 88.109375, height: 17.46875, bottom: 209.625, baseline: 13.53125
frag 0 from TextNode start: 125, length: 12, rect: [108.640625,200.15625 88.109375x17.46875]
"eleifend at,"
line 12 width: 83.953125, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 138, length: 9, rect: [108.640625,217 83.953125x17.46875]
line 12 width: 83.953125, height: 17.46875, bottom: 227.09375, baseline: 13.53125
frag 0 from TextNode start: 138, length: 9, rect: [108.640625,217.625 83.953125x17.46875]
"consequat"
line 13 width: 61.609375, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 148, length: 8, rect: [108.640625,235 61.609375x17.46875]
line 13 width: 61.609375, height: 17.46875, bottom: 244.5625, baseline: 13.53125
frag 0 from TextNode start: 148, length: 8, rect: [108.640625,235.09375 61.609375x17.46875]
"ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (108.640625,252.65625) content-size 101.515625x315.40625 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-two> at (108.640625,252.5625) content-size 101.515625x314.4375 [BFC] children: inline
line 0 width: 98.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 11, rect: [108.640625,252.65625 98.65625x17.46875]
frag 0 from TextNode start: 1, length: 11, rect: [108.640625,252.5625 98.65625x17.46875]
"Suspendisse"
line 1 width: 60.734375, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 13, length: 8, rect: [108.640625,269.65625 60.734375x17.46875]
line 1 width: 60.734375, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 13, length: 8, rect: [108.640625,270.03125 60.734375x17.46875]
"potenti."
line 2 width: 101.515625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 22, length: 12, rect: [108.640625,286.65625 101.515625x17.46875]
line 2 width: 101.515625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 22, length: 12, rect: [108.640625,287.5 101.515625x17.46875]
"Pellentesque"
line 3 width: 74.25, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 35, length: 9, rect: [108.640625,304.65625 74.25x17.46875]
line 3 width: 74.25, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 35, length: 9, rect: [108.640625,304.96875 74.25x17.46875]
"at varius"
line 4 width: 80.546875, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 45, length: 10, rect: [108.640625,321.65625 80.546875x17.46875]
line 4 width: 80.546875, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 45, length: 10, rect: [108.640625,322.4375 80.546875x17.46875]
"lacus, sed"
line 5 width: 84.84375, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 56, length: 12, rect: [108.640625,339.65625 84.84375x17.46875]
line 5 width: 84.84375, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 56, length: 12, rect: [108.640625,339.90625 84.84375x17.46875]
"sollicitudin"
line 6 width: 27.65625, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 69, length: 4, rect: [108.640625,356.65625 27.65625x17.46875]
line 6 width: 27.65625, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 69, length: 4, rect: [108.640625,357.375 27.65625x17.46875]
"leo."
line 7 width: 101.515625, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 74, length: 12, rect: [108.640625,374.65625 101.515625x17.46875]
line 7 width: 101.515625, height: 17.46875, bottom: 139.75, baseline: 13.53125
frag 0 from TextNode start: 74, length: 12, rect: [108.640625,374.84375 101.515625x17.46875]
"Pellentesque"
line 8 width: 80.15625, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 87, length: 9, rect: [108.640625,391.65625 80.15625x17.46875]
line 8 width: 80.15625, height: 17.46875, bottom: 157.21875, baseline: 13.53125
frag 0 from TextNode start: 87, length: 9, rect: [108.640625,392.3125 80.15625x17.46875]
"malesuada"
line 9 width: 56.625, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 97, length: 7, rect: [108.640625,409.65625 56.625x17.46875]
line 9 width: 56.625, height: 17.46875, bottom: 174.6875, baseline: 13.53125
frag 0 from TextNode start: 97, length: 7, rect: [108.640625,409.78125 56.625x17.46875]
"mi eget"
line 10 width: 99.40625, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 105, length: 12, rect: [108.640625,426.65625 99.40625x17.46875]
line 10 width: 99.40625, height: 17.46875, bottom: 192.15625, baseline: 13.53125
frag 0 from TextNode start: 105, length: 12, rect: [108.640625,427.25 99.40625x17.46875]
"pellentesque"
line 11 width: 60.734375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 118, length: 7, rect: [108.640625,444.65625 60.734375x17.46875]
line 11 width: 60.734375, height: 17.46875, bottom: 209.625, baseline: 13.53125
frag 0 from TextNode start: 118, length: 7, rect: [108.640625,444.71875 60.734375x17.46875]
"tempor."
line 12 width: 48.71875, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 126, length: 5, rect: [108.640625,461.65625 48.71875x17.46875]
line 12 width: 48.71875, height: 17.46875, bottom: 227.09375, baseline: 13.53125
frag 0 from TextNode start: 126, length: 5, rect: [108.640625,462.1875 48.71875x17.46875]
"Donec"
line 13 width: 59.890625, height: 17.5625, bottom: 244.65625, baseline: 13.53125
line 13 width: 59.890625, height: 17.46875, bottom: 244.5625, baseline: 13.53125
frag 0 from TextNode start: 132, length: 7, rect: [108.640625,479.65625 59.890625x17.46875]
"egestas"
line 14 width: 92.015625, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 140, length: 11, rect: [108.640625,496.65625 92.015625x17.46875]
line 14 width: 92.015625, height: 17.46875, bottom: 262.03125, baseline: 13.53125
frag 0 from TextNode start: 140, length: 11, rect: [108.640625,497.125 92.015625x17.46875]
"mauris est,"
line 15 width: 88.640625, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 152, length: 11, rect: [108.640625,514.65625 88.640625x17.46875]
line 15 width: 88.640625, height: 17.46875, bottom: 279.5, baseline: 13.53125
frag 0 from TextNode start: 152, length: 11, rect: [108.640625,514.59375 88.640625x17.46875]
"ut lobortis"
line 16 width: 84.9375, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 164, length: 11, rect: [108.640625,531.65625 84.9375x17.46875]
line 16 width: 84.9375, height: 17.46875, bottom: 296.96875, baseline: 13.53125
frag 0 from TextNode start: 164, length: 11, rect: [108.640625,532.0625 84.9375x17.46875]
"nisi luctus"
line 17 width: 20.546875, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 176, length: 3, rect: [108.640625,548.65625 20.546875x17.46875]
line 17 width: 20.546875, height: 17.46875, bottom: 314.4375, baseline: 13.53125
frag 0 from TextNode start: 176, length: 3, rect: [108.640625,549.53125 20.546875x17.46875]
"at."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 100.640625x560.0625 [BFC] children: inline
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 100.640625x559 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 7, length: 11, rect: [8,25 94.9375x17.46875]
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]
"ipsum dolor"
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]
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]
"sit amet,"
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]
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]
"consectetur"
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]
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]
"adipiscing"
line 5 width: 65.265625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 52, length: 9, rect: [8,95 65.265625x17.46875]
line 5 width: 65.265625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 52, length: 9, rect: [8,95.34375 65.265625x17.46875]
"elit. Sed"
line 6 width: 37.6875, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 62, length: 5, rect: [8,112 37.6875x17.46875]
line 6 width: 37.6875, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 62, length: 5, rect: [8,112.8125 37.6875x17.46875]
"vitae"
line 7 width: 100.640625, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 68, length: 11, rect: [8,130 100.640625x17.46875]
line 7 width: 100.640625, height: 17.46875, bottom: 139.75, baseline: 13.53125
frag 0 from TextNode start: 68, length: 11, rect: [8,130.28125 100.640625x17.46875]
"condimentum"
line 8 width: 65.03125, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 80, length: 8, rect: [8,147 65.03125x17.46875]
line 8 width: 65.03125, height: 17.46875, bottom: 157.21875, baseline: 13.53125
frag 0 from TextNode start: 80, length: 8, rect: [8,147.75 65.03125x17.46875]
"erat, ac"
line 9 width: 65.15625, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 89, length: 7, rect: [8,165 65.15625x17.46875]
line 9 width: 65.15625, height: 17.46875, bottom: 174.6875, baseline: 13.53125
frag 0 from TextNode start: 89, length: 7, rect: [8,165.21875 65.15625x17.46875]
"posuere"
line 10 width: 41.171875, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 97, length: 5, rect: [8,182 41.171875x17.46875]
line 10 width: 41.171875, height: 17.46875, bottom: 192.15625, baseline: 13.53125
frag 0 from TextNode start: 97, length: 5, rect: [8,182.6875 41.171875x17.46875]
"arcu."
line 11 width: 60.265625, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 103, length: 6, rect: [8,200 60.265625x17.46875]
line 11 width: 60.265625, height: 17.46875, bottom: 209.625, baseline: 13.53125
frag 0 from TextNode start: 103, length: 6, rect: [8,200.15625 60.265625x17.46875]
"Aenean"
line 12 width: 93.34375, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 110, length: 12, rect: [8,217 93.34375x17.46875]
line 12 width: 93.34375, height: 17.46875, bottom: 227.09375, baseline: 13.53125
frag 0 from TextNode start: 110, length: 12, rect: [8,217.625 93.34375x17.46875]
"tincidunt mi"
line 13 width: 73.90625, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 123, length: 11, rect: [8,235 73.90625x17.46875]
line 13 width: 73.90625, height: 17.46875, bottom: 244.5625, baseline: 13.53125
frag 0 from TextNode start: 123, length: 11, rect: [8,235.09375 73.90625x17.46875]
"ligula, vel"
line 14 width: 57.234375, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 135, length: 6, rect: [8,252 57.234375x17.46875]
line 14 width: 57.234375, height: 17.46875, bottom: 262.03125, baseline: 13.53125
frag 0 from TextNode start: 135, length: 6, rect: [8,252.5625 57.234375x17.46875]
"semper"
line 15 width: 41.640625, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 142, length: 5, rect: [8,270 41.640625x17.46875]
line 15 width: 41.640625, height: 17.46875, bottom: 279.5, baseline: 13.53125
frag 0 from TextNode start: 142, length: 5, rect: [8,270.03125 41.640625x17.46875]
"dolor"
line 16 width: 83.09375, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 148, length: 11, rect: [8,287 83.09375x17.46875]
line 16 width: 83.09375, height: 17.46875, bottom: 296.96875, baseline: 13.53125
frag 0 from TextNode start: 148, length: 11, rect: [8,287.5 83.09375x17.46875]
"aliquet at."
line 17 width: 75.8125, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 160, length: 9, rect: [8,304 75.8125x17.46875]
line 17 width: 75.8125, height: 17.46875, bottom: 314.4375, baseline: 13.53125
frag 0 from TextNode start: 160, length: 9, rect: [8,304.96875 75.8125x17.46875]
"Phasellus"
line 18 width: 92.1875, height: 17.90625, bottom: 332.34375, baseline: 13.53125
frag 0 from TextNode start: 170, length: 11, rect: [8,322 92.1875x17.46875]
line 18 width: 92.1875, height: 17.46875, bottom: 331.90625, baseline: 13.53125
frag 0 from TextNode start: 170, length: 11, rect: [8,322.4375 92.1875x17.46875]
"scelerisque"
line 19 width: 59.765625, height: 18.375, bottom: 350.28125, baseline: 13.53125
frag 0 from TextNode start: 182, length: 7, rect: [8,339 59.765625x17.46875]
line 19 width: 59.765625, height: 17.46875, bottom: 349.375, baseline: 13.53125
frag 0 from TextNode start: 182, length: 7, rect: [8,339.90625 59.765625x17.46875]
"dapibus"
line 20 width: 67.890625, height: 17.84375, bottom: 367.21875, baseline: 13.53125
frag 0 from TextNode start: 190, length: 8, rect: [8,357 67.890625x17.46875]
line 20 width: 67.890625, height: 17.46875, bottom: 366.84375, baseline: 13.53125
frag 0 from TextNode start: 190, length: 8, rect: [8,357.375 67.890625x17.46875]
"diam sed"
line 21 width: 70.4375, height: 18.3125, bottom: 385.15625, baseline: 13.53125
frag 0 from TextNode start: 199, length: 8, rect: [8,374 70.4375x17.46875]
line 21 width: 70.4375, height: 17.46875, bottom: 384.3125, baseline: 13.53125
frag 0 from TextNode start: 199, length: 8, rect: [8,374.84375 70.4375x17.46875]
"rhoncus."
line 22 width: 78.8125, height: 17.78125, bottom: 402.09375, baseline: 13.53125
frag 0 from TextNode start: 208, length: 9, rect: [8,392 78.8125x17.46875]
line 22 width: 78.8125, height: 17.46875, bottom: 401.78125, baseline: 13.53125
frag 0 from TextNode start: 208, length: 9, rect: [8,392.3125 78.8125x17.46875]
"Proin sed"
line 23 width: 68.296875, height: 18.25, bottom: 420.03125, baseline: 13.53125
frag 0 from TextNode start: 218, length: 9, rect: [8,409 68.296875x17.46875]
line 23 width: 68.296875, height: 17.46875, bottom: 419.25, baseline: 13.53125
frag 0 from TextNode start: 218, length: 9, rect: [8,409.78125 68.296875x17.46875]
"orci leo."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

120
Tests/LibWeb/Layout/expected/grid/row-span-2-with-gaps.txt
View file

@ -1,107 +1,107 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x352.34375 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x352.34375 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x351.90625 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x351.90625 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (411.46875,8) content-size 382x139.765625 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-one> at (411.46875,8) content-size 382x139.75 [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: [411.46875,8 319.171875x17.46875]
"In a sollicitudin augue. Sed ante augue,"
line 1 width: 335.125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 42, length: 42, rect: [411.46875,25 335.125x17.46875]
line 1 width: 335.125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 42, length: 42, rect: [411.46875,25.46875 335.125x17.46875]
"rhoncus nec porttitor id, lacinia et nibh."
line 2 width: 378.625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 85, length: 48, rect: [411.46875,42 378.625x17.46875]
line 2 width: 378.625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 85, length: 48, rect: [411.46875,42.9375 378.625x17.46875]
"Pellentesque diam libero, ultrices eget eleifend"
line 3 width: 182.8125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 134, length: 22, rect: [411.46875,60 182.8125x17.46875]
line 3 width: 182.8125, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 134, length: 22, rect: [411.46875,60.40625 182.8125x17.46875]
"at, consequat ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (411.46875,167.765625) content-size 382x192.578125 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-two> at (411.46875,167.75) content-size 382x192.15625 [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: [411.46875,167.765625 359.15625x17.46875]
frag 0 from TextNode start: 1, length: 43, rect: [411.46875,167.75 359.15625x17.46875]
"Suspendisse potenti. Pellentesque at varius"
line 1 width: 318.5625, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 45, length: 41, rect: [411.46875,184.765625 318.5625x17.46875]
line 1 width: 318.5625, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 45, length: 41, rect: [411.46875,185.21875 318.5625x17.46875]
"lacus, sed sollicitudin leo. Pellentesque"
line 2 width: 377.640625, height: 18.40625, bottom: 53.34375, baseline: 13.53125
frag 0 from TextNode start: 87, length: 44, rect: [411.46875,201.765625 377.640625x17.46875]
line 2 width: 377.640625, height: 17.46875, bottom: 52.40625, baseline: 13.53125
frag 0 from TextNode start: 87, length: 44, rect: [411.46875,202.6875 377.640625x17.46875]
"malesuada mi eget pellentesque tempor. Donec"
line 3 width: 378.03125, height: 17.875, bottom: 70.28125, baseline: 13.53125
frag 0 from TextNode start: 132, length: 47, rect: [411.46875,219.765625 378.03125x17.46875]
line 3 width: 378.03125, height: 17.46875, bottom: 69.875, baseline: 13.53125
frag 0 from TextNode start: 132, length: 47, rect: [411.46875,220.15625 378.03125x17.46875]
"egestas mauris est, ut lobortis nisi luctus at."
line 4 width: 345.953125, height: 18.34375, bottom: 88.21875, baseline: 13.53125
frag 0 from TextNode start: 180, length: 41, rect: [411.46875,236.765625 345.953125x17.46875]
line 4 width: 345.953125, height: 17.46875, bottom: 87.34375, baseline: 13.53125
frag 0 from TextNode start: 180, length: 41, rect: [411.46875,237.625 345.953125x17.46875]
"Vivamus eleifend, lorem vulputate maximus"
line 5 width: 312.765625, height: 17.8125, bottom: 105.15625, baseline: 13.53125
frag 0 from TextNode start: 222, length: 37, rect: [411.46875,254.765625 312.765625x17.46875]
line 5 width: 312.765625, height: 17.46875, bottom: 104.8125, baseline: 13.53125
frag 0 from TextNode start: 222, length: 37, rect: [411.46875,255.09375 312.765625x17.46875]
"porta, nunc metus porttitor nibh, nec"
line 6 width: 242.921875, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 260, length: 31, rect: [411.46875,271.765625 242.921875x17.46875]
line 6 width: 242.921875, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 260, length: 31, rect: [411.46875,272.5625 242.921875x17.46875]
"bibendum nulla lectus ut felis."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 383.46875x352.34375 [BFC] children: inline
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 383.46875x351.90625 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17.46875]
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]
"adipiscing elit. Sed vitae condimentum erat, ac"
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]
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]
"posuere arcu. Aenean tincidunt mi ligula, vel"
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]
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]
"semper dolor aliquet at. Phasellus scelerisque"
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]
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]
"dapibus diam sed rhoncus. Proin sed orci leo."
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]
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]
"Praesent pellentesque mi eu nunc gravida, vel"
line 6 width: 271.078125, height: 18.28125, bottom: 123.09375, baseline: 13.53125
frag 0 from TextNode start: 274, length: 32, rect: [8,112 271.078125x17.46875]
line 6 width: 271.078125, height: 17.46875, bottom: 122.28125, baseline: 13.53125
frag 0 from TextNode start: 274, length: 32, rect: [8,112.8125 271.078125x17.46875]
"consectetur nulla malesuada. Sed"
line 7 width: 303.5625, height: 17.75, bottom: 140.03125, baseline: 13.53125
frag 0 from TextNode start: 307, length: 40, rect: [8,130 303.5625x17.46875]
line 7 width: 303.5625, height: 17.46875, bottom: 139.75, baseline: 13.53125
frag 0 from TextNode start: 307, length: 40, rect: [8,130.28125 303.5625x17.46875]
"pellentesque, elit sit amet sollicitudin"
line 8 width: 346.625, height: 18.21875, bottom: 157.96875, baseline: 13.53125
frag 0 from TextNode start: 348, length: 46, rect: [8,147 346.625x17.46875]
line 8 width: 346.625, height: 17.46875, bottom: 157.21875, baseline: 13.53125
frag 0 from TextNode start: 348, length: 46, rect: [8,147.75 346.625x17.46875]
"sollicitudin, lectus justo facilisis lacus, ac"
line 9 width: 350.234375, height: 17.6875, bottom: 174.90625, baseline: 13.53125
frag 0 from TextNode start: 395, length: 42, rect: [8,165 350.234375x17.46875]
line 9 width: 350.234375, height: 17.46875, bottom: 174.6875, baseline: 13.53125
frag 0 from TextNode start: 395, length: 42, rect: [8,165.21875 350.234375x17.46875]
"vehicula metus neque ac mi. In in augue et"
line 10 width: 361.0625, height: 18.15625, bottom: 192.84375, baseline: 13.53125
frag 0 from TextNode start: 438, length: 40, rect: [8,182 361.0625x17.46875]
line 10 width: 361.0625, height: 17.46875, bottom: 192.15625, baseline: 13.53125
frag 0 from TextNode start: 438, length: 40, rect: [8,182.6875 361.0625x17.46875]
"massa maximus venenatis auctor fermentum"
line 11 width: 371.734375, height: 17.625, bottom: 209.78125, baseline: 13.53125
frag 0 from TextNode start: 479, length: 46, rect: [8,200 371.734375x17.46875]
line 11 width: 371.734375, height: 17.46875, bottom: 209.625, baseline: 13.53125
frag 0 from TextNode start: 479, length: 46, rect: [8,200.15625 371.734375x17.46875]
"dui. Aliquam dictum finibus urna, quis lacinia"
line 12 width: 369.59375, height: 18.09375, bottom: 227.71875, baseline: 13.53125
frag 0 from TextNode start: 526, length: 42, rect: [8,217 369.59375x17.46875]
line 12 width: 369.59375, height: 17.46875, bottom: 227.09375, baseline: 13.53125
frag 0 from TextNode start: 526, length: 42, rect: [8,217.625 369.59375x17.46875]
"massa laoreet a. Suspendisse elementum non"
line 13 width: 323.78125, height: 17.5625, bottom: 244.65625, baseline: 13.53125
frag 0 from TextNode start: 569, length: 39, rect: [8,235 323.78125x17.46875]
line 13 width: 323.78125, height: 17.46875, bottom: 244.5625, baseline: 13.53125
frag 0 from TextNode start: 569, length: 39, rect: [8,235.09375 323.78125x17.46875]
"lectus nec elementum. Quisque ultricies"
line 14 width: 337, height: 18.03125, bottom: 262.59375, baseline: 13.53125
frag 0 from TextNode start: 609, length: 40, rect: [8,252 337x17.46875]
line 14 width: 337, height: 17.46875, bottom: 262.03125, baseline: 13.53125
frag 0 from TextNode start: 609, length: 40, rect: [8,252.5625 337x17.46875]
"suscipit porttitor. Sed non urna rutrum,"
line 15 width: 351.828125, height: 17.5, bottom: 279.53125, baseline: 13.53125
frag 0 from TextNode start: 650, length: 46, rect: [8,270 351.828125x17.46875]
line 15 width: 351.828125, height: 17.46875, bottom: 279.5, baseline: 13.53125
frag 0 from TextNode start: 650, length: 46, rect: [8,270.03125 351.828125x17.46875]
"mattis nulla at, feugiat erat. Duis orci elit,"
line 16 width: 361.328125, height: 17.96875, bottom: 297.46875, baseline: 13.53125
frag 0 from TextNode start: 697, length: 45, rect: [8,287 361.328125x17.46875]
line 16 width: 361.328125, height: 17.46875, bottom: 296.96875, baseline: 13.53125
frag 0 from TextNode start: 697, length: 45, rect: [8,287.5 361.328125x17.46875]
"vehicula sed blandit eget, auctor in arcu. Ut"
line 17 width: 345.75, height: 18.4375, bottom: 315.40625, baseline: 13.53125
frag 0 from TextNode start: 743, length: 41, rect: [8,304 345.75x17.46875]
line 17 width: 345.75, height: 17.46875, bottom: 314.4375, baseline: 13.53125
frag 0 from TextNode start: 743, length: 41, rect: [8,304.96875 345.75x17.46875]
"cursus magna sit amet nulla cursus, vitae"
line 18 width: 180.234375, height: 17.90625, bottom: 332.34375, baseline: 13.53125
frag 0 from TextNode start: 785, length: 22, rect: [8,322 180.234375x17.46875]
line 18 width: 180.234375, height: 17.46875, bottom: 331.90625, baseline: 13.53125
frag 0 from TextNode start: 785, length: 22, rect: [8,322.4375 180.234375x17.46875]
"gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

116
Tests/LibWeb/Layout/expected/grid/row-span-2.txt
View file

@ -1,104 +1,104 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x315.40625 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x315.40625 [GFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x314.4375 children: not-inline
Box <div.grid-container> at (8,8) content-size 784x314.4375 [GFC] children: not-inline
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-one> at (401.46875,8) content-size 392x131.296875 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-one> at (401.46875,8) content-size 392x131.015625 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 42, length: 42, rect: [401.46875,25 335.125x17.46875]
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]
"rhoncus nec porttitor id, lacinia et nibh."
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]
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]
"Pellentesque diam libero, ultrices eget eleifend"
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]
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]
"at, consequat ut orci."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-one-two> at (401.46875,139.296875) content-size 392x184.109375 [BFC] children: inline
BlockContainer <div.grid-item.item-span-one-two> at (401.46875,139.015625) content-size 392x183.421875 [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.296875 359.15625x17.46875]
frag 0 from TextNode start: 1, length: 43, rect: [401.46875,139.015625 359.15625x17.46875]
"Suspendisse potenti. Pellentesque at varius"
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]
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]
"lacus, sed sollicitudin leo. Pellentesque"
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]
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]
"malesuada mi eget pellentesque tempor. Donec"
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]
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]
"egestas mauris est, ut lobortis nisi luctus at."
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]
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]
"Vivamus eleifend, lorem vulputate maximus"
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]
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]
"porta, nunc metus porttitor nibh, nec"
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]
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]
"bibendum nulla lectus ut felis."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline
TextNode <#text>
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 393.46875x315.40625 [BFC] children: inline
BlockContainer <div.grid-item.item-span-two> at (8,8) content-size 393.46875x314.4375 [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.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 41, length: 47, rect: [8,25 376.34375x17.46875]
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]
"adipiscing elit. Sed vitae condimentum erat, ac"
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]
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]
"posuere arcu. Aenean tincidunt mi ligula, vel"
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]
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]
"semper dolor aliquet at. Phasellus scelerisque"
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]
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]
"dapibus diam sed rhoncus. Proin sed orci leo."
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]
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]
"Praesent pellentesque mi eu nunc gravida, vel"
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]
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]
"consectetur nulla malesuada. Sed pellentesque,"
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]
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]
"elit sit amet sollicitudin sollicitudin, lectus"
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]
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]
"justo facilisis lacus, ac vehicula metus neque"
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]
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]
"ac mi. In in augue et massa maximus venenatis"
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]
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]
"auctor fermentum dui. Aliquam dictum finibus"
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]
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]
"urna, quis lacinia massa laoreet a."
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]
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]
"Suspendisse elementum non lectus nec"
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]
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]
"elementum. Quisque ultricies suscipit porttitor."
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]
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]
"Sed non urna rutrum, mattis nulla at, feugiat"
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]
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]
"erat. Duis orci elit, vehicula sed blandit eget,"
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]
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]
"auctor in arcu. Ut cursus magna sit amet nulla"
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]
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]
"cursus, vitae gravida mauris dictum."
TextNode <#text>
BlockContainer <(anonymous)> (not painted) [BFC] children: inline

6
Tests/LibWeb/Layout/expected/grid/template-lines-and-areas.txt
View file

@ -2,13 +2,13 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.grid> at (8,8) content-size 784x17.46875 [GFC] children: not-inline
BlockContainer <div.item-left> at (8,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.item-left> at (8,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [8,8 21.609375x17.46875]
"1fr"
TextNode <#text>
BlockContainer <div.item-right> at (530.666666,8) content-size 261.333333x17.46875 [BFC] children: inline
BlockContainer <div.item-right> at (530.65625,8) content-size 261.328125x17.46875 [BFC] children: inline
line 0 width: 21.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 3, rect: [530.666666,8 21.609375x17.46875]
frag 0 from TextNode start: 0, length: 3, rect: [530.65625,8 21.609375x17.46875]
"1fr"
TextNode <#text>

12
Tests/LibWeb/Layout/expected/grid/track-size-calc-with-percentage.txt
View file

@ -1,13 +1,13 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x35.40625 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x35.40625 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 401.28125x35.40625 flex-item [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 401.281x35.40625 [BFC] children: inline
BlockContainer <body> at (8,8) content-size 784x34.9375 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x34.9375 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 401.28125x34.9375 flex-item [GFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 401.265625x34.9375 [BFC] children: inline
line 0 width: 356.96875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 40, rect: [8,8 356.96875x17.46875]
"The 10 Most Anticipated Summer Movies of"
line 1 width: 36.3125, height: 17.9375, bottom: 35.40625, baseline: 13.53125
frag 0 from TextNode start: 41, length: 4, rect: [8,25 36.3125x17.46875]
line 1 width: 36.3125, height: 17.46875, bottom: 34.9375, baseline: 13.53125
frag 0 from TextNode start: 41, length: 4, rect: [8,25.46875 36.3125x17.46875]
"2023"
TextNode <#text>

2
Tests/LibWeb/Layout/expected/grid/unresolvable-percentage-track.txt
View file

@ -3,7 +3,7 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <body> at (8,8) content-size 784x17.46875 children: not-inline
Box <div.ipc-page-grid> at (8,8) content-size 784x17.46875 flex-container(row) [FFC] children: not-inline
Box <div.ipc-sub-grid> at (8,8) content-size 36.84375x17.46875 flex-item [GFC] children: not-inline
BlockContainer <div> at (8,8) content-size 36.844x17.46875 [BFC] children: inline
BlockContainer <div> at (8,8) content-size 36.84375x17.46875 [BFC] children: inline
line 0 width: 36.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [8,8 36.84375x17.46875]
"hello"