From a9dd1a165cd88ddf4fb7f481a57d33b4f2bd8dcf Mon Sep 17 00:00:00 2001 From: Gingeh <39150378+Gingeh@users.noreply.github.com> Date: Mon, 9 Sep 2024 14:28:20 +1000 Subject: [PATCH] LibWeb: Add tests for justify-*: left/right (cherry picked from commit 1d30d84f4132fce8234e1755dec92d08491726ff) --- ...d-static-position-with-justify-content.txt | 584 +++++++------ .../expected/flex/justify-content-1.txt | 772 +++++++++++------- ...justify-content-with-margin-auto-child.txt | 496 +++++++---- .../Layout/expected/grid/justify-content.txt | 45 +- .../Layout/expected/grid/justify-items.txt | 33 +- .../Layout/expected/grid/justify-self.txt | 24 +- ...-static-position-with-justify-content.html | 12 +- .../Layout/input/flex/justify-content-1.html | 10 + ...ustify-content-with-margin-auto-child.html | 10 + .../Layout/input/grid/justify-content.html | 4 +- .../Layout/input/grid/justify-items.html | 6 +- .../Layout/input/grid/justify-self.html | 2 + 12 files changed, 1285 insertions(+), 713 deletions(-) diff --git a/Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-justify-content.txt b/Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-justify-content.txt index c6adbdfe2dc614..9123ce5e909fec 100644 --- a/Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-justify-content.txt +++ b/Tests/LibWeb/Layout/expected/flex/abspos-flex-child-static-position-with-justify-content.txt @@ -1,362 +1,450 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline - BlockContainer at (15,15) content-size 770x2926 [BFC] children: not-inline - BlockContainer at (38,38) content-size 724x2880 children: not-inline - BlockContainer <(anonymous)> at (38,38) content-size 724x0 children: inline + BlockContainer at (1,1) content-size 798x2498 [BFC] children: not-inline + BlockContainer at (10,10) content-size 780x2480 children: not-inline + BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline TextNode <#text> - Box at (53,53) content-size 300x60 flex-container(row) [FFC] children: not-inline - BlockContainer
at (68,68) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [68,68 41.234375x17] baseline: 13.296875 + Box at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (12,12) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,12 41.234375x17] baseline: 13.296875 "start" TextNode <#text> - BlockContainer <(anonymous)> at (38,128) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,72) content-size 780x0 children: inline TextNode <#text> - Box at (53,143) content-size 300x60 flex-container(row) [FFC] children: not-inline - BlockContainer
at (68,158) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [68,158 76.8125x17] baseline: 13.296875 + Box at (11,73) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (12,74) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [12,74 76.8125x17] baseline: 13.296875 "flex-start" TextNode <#text> - BlockContainer <(anonymous)> at (38,218) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,134) content-size 780x0 children: inline TextNode <#text> - Box at (53,233) content-size 300x60 flex-container(row) [FFC] children: not-inline - BlockContainer
at (188,248) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [188,248 26.1875x17] baseline: 13.296875 + Box at (11,135) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (160,136) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [160,136 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer <(anonymous)> at (38,308) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,196) content-size 780x0 children: inline TextNode <#text> - Box at (53,323) content-size 300x60 flex-container(row) [FFC] children: not-inline - BlockContainer
at (188,338) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [188,338 61.765625x17] baseline: 13.296875 + Box at (11,197) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (160,198) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [160,198 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer <(anonymous)> at (38,398) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline TextNode <#text> - Box at (53,413) content-size 300x60 flex-container(row) [FFC] children: not-inline - BlockContainer
at (128,428) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 6, rect: [128,428 51.625x17] baseline: 13.296875 + Box at (11,259) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (86,260) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 6, rect: [86,260 51.625x17] baseline: 13.296875 "center" TextNode <#text> - BlockContainer <(anonymous)> at (38,488) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline TextNode <#text> - Box at (53,503) content-size 300x60 flex-container(row) [FFC] children: not-inline - BlockContainer
at (128,518) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [128,518 107.96875x17] baseline: 13.296875 + Box at (11,321) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (86,322) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [86,322 107.96875x17] baseline: 13.296875 "space-around" TextNode <#text> - BlockContainer <(anonymous)> at (38,578) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline TextNode <#text> - Box at (53,593) content-size 300x60 flex-container(row) [FFC] children: not-inline - BlockContainer
at (68,608) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 13, rect: [68,608 115.515625x17] baseline: 13.296875 + Box at (11,383) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (12,384) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 13, rect: [12,384 115.515625x17] baseline: 13.296875 "space-between" TextNode <#text> - BlockContainer <(anonymous)> at (38,668) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline TextNode <#text> - Box at (53,683) content-size 300x60 flex-container(row) [FFC] children: not-inline - BlockContainer
at (128,698) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [128,698 98.859375x17] baseline: 13.296875 + Box at (11,445) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (86,446) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [86,446 98.859375x17] baseline: 13.296875 "space-evenly" TextNode <#text> - BlockContainer <(anonymous)> at (38,758) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline TextNode <#text> - Box at (53,773) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (68,788) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [68,788 41.234375x17] baseline: 13.296875 + Box at (11,507) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (12,508) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,508 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline + TextNode <#text> + Box at (11,569) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (160,570) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [160,570 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline + TextNode <#text> + Box at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (12,632) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,632 41.234375x17] baseline: 13.296875 "start" TextNode <#text> - BlockContainer <(anonymous)> at (38,848) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline TextNode <#text> - Box at (53,863) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (188,878) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [188,878 76.8125x17] baseline: 13.296875 + Box at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (160,694) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [160,694 76.8125x17] baseline: 13.296875 "flex-start" TextNode <#text> - BlockContainer <(anonymous)> at (38,938) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline TextNode <#text> - Box at (53,953) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (188,968) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [188,968 26.1875x17] baseline: 13.296875 + Box at (11,755) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (160,756) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [160,756 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer <(anonymous)> at (38,1028) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,816) content-size 780x0 children: inline TextNode <#text> - Box at (53,1043) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (68,1058) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [68,1058 61.765625x17] baseline: 13.296875 + Box at (11,817) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (12,818) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [12,818 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer <(anonymous)> at (38,1118) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,878) content-size 780x0 children: inline TextNode <#text> - Box at (53,1133) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (128,1148) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 6, rect: [128,1148 51.625x17] baseline: 13.296875 + Box at (11,879) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (86,880) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 6, rect: [86,880 51.625x17] baseline: 13.296875 "center" TextNode <#text> - BlockContainer <(anonymous)> at (38,1208) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,940) content-size 780x0 children: inline TextNode <#text> - Box at (53,1223) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (128,1238) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [128,1238 107.96875x17] baseline: 13.296875 + Box at (11,941) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (86,942) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [86,942 107.96875x17] baseline: 13.296875 "space-around" TextNode <#text> - BlockContainer <(anonymous)> at (38,1298) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1002) content-size 780x0 children: inline TextNode <#text> - Box at (53,1313) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (188,1328) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 13, rect: [188,1328 115.515625x17] baseline: 13.296875 + Box at (11,1003) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (160,1004) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 13, rect: [160,1004 115.515625x17] baseline: 13.296875 "space-between" TextNode <#text> - BlockContainer <(anonymous)> at (38,1388) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1064) content-size 780x0 children: inline TextNode <#text> - Box at (53,1403) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (128,1418) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [128,1418 98.859375x17] baseline: 13.296875 + Box at (11,1065) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (86,1066) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [86,1066 98.859375x17] baseline: 13.296875 "space-evenly" TextNode <#text> - BlockContainer <(anonymous)> at (38,1478) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1126) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1127) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (12,1128) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,1128 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1188) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1189) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (160,1190) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [160,1190 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1250) content-size 780x0 children: inline TextNode <#text> - Box at (53,1493) content-size 300x60 flex-container(column) [FFC] children: not-inline - BlockContainer
at (68,1508) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [68,1508 41.234375x17] baseline: 13.296875 + Box at (11,1251) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1252) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,1252 41.234375x17] baseline: 13.296875 "start" TextNode <#text> - BlockContainer <(anonymous)> at (38,1568) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1312) content-size 780x0 children: inline TextNode <#text> - Box at (53,1583) content-size 300x60 flex-container(column) [FFC] children: not-inline - BlockContainer
at (68,1598) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [68,1598 76.8125x17] baseline: 13.296875 + Box at (11,1313) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1314) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [12,1314 76.8125x17] baseline: 13.296875 "flex-start" TextNode <#text> - BlockContainer <(anonymous)> at (38,1658) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1374) content-size 780x0 children: inline TextNode <#text> - Box at (53,1673) content-size 300x60 flex-container(column) [FFC] children: not-inline - BlockContainer
at (68,1668) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [68,1668 26.1875x17] baseline: 13.296875 + Box at (11,1375) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1384) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [12,1384 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer <(anonymous)> at (38,1748) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1436) content-size 780x0 children: inline TextNode <#text> - Box at (53,1763) content-size 300x60 flex-container(column) [FFC] children: not-inline - BlockContainer
at (68,1758) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [68,1758 61.765625x17] baseline: 13.296875 + Box at (11,1437) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1446) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [12,1446 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer <(anonymous)> at (38,1838) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1498) content-size 780x0 children: inline TextNode <#text> - Box at (53,1853) content-size 300x60 flex-container(column) [FFC] children: not-inline - BlockContainer
at (68,1858) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 6, rect: [68,1858 51.625x17] baseline: 13.296875 + Box at (11,1499) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1504) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 6, rect: [12,1504 51.625x17] baseline: 13.296875 "center" TextNode <#text> - BlockContainer <(anonymous)> at (38,1928) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1560) content-size 780x0 children: inline TextNode <#text> - Box at (53,1943) content-size 300x60 flex-container(column) [FFC] children: not-inline - BlockContainer
at (68,1948) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [68,1948 107.96875x17] baseline: 13.296875 + Box at (11,1561) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1566) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [12,1566 107.96875x17] baseline: 13.296875 "space-around" TextNode <#text> - BlockContainer <(anonymous)> at (38,2018) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1622) content-size 780x0 children: inline TextNode <#text> - Box at (53,2033) content-size 300x60 flex-container(column) [FFC] children: not-inline - BlockContainer
at (68,2048) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 13, rect: [68,2048 115.515625x17] baseline: 13.296875 + Box at (11,1623) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1624) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 13, rect: [12,1624 115.515625x17] baseline: 13.296875 "space-between" TextNode <#text> - BlockContainer <(anonymous)> at (38,2108) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1684) content-size 780x0 children: inline TextNode <#text> - Box at (53,2123) content-size 300x60 flex-container(column) [FFC] children: not-inline - BlockContainer
at (68,2128) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [68,2128 98.859375x17] baseline: 13.296875 + Box at (11,1685) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1690) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [12,1690 98.859375x17] baseline: 13.296875 "space-evenly" TextNode <#text> - BlockContainer <(anonymous)> at (38,2198) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1746) content-size 780x0 children: inline TextNode <#text> - Box at (53,2213) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (68,2228) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [68,2228 41.234375x17] baseline: 13.296875 + Box at (11,1747) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1748) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,1748 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1808) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1809) content-size 300x60 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1810) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,1810 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1870) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1871) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,1872) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,1872 41.234375x17] baseline: 13.296875 "start" TextNode <#text> - BlockContainer <(anonymous)> at (38,2288) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1932) content-size 780x0 children: inline TextNode <#text> - Box at (53,2303) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (68,2298) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [68,2298 76.8125x17] baseline: 13.296875 + Box at (11,1933) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,1942) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [12,1942 76.8125x17] baseline: 13.296875 "flex-start" TextNode <#text> - BlockContainer <(anonymous)> at (38,2378) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,1994) content-size 780x0 children: inline TextNode <#text> - Box at (53,2393) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (68,2388) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [68,2388 26.1875x17] baseline: 13.296875 + Box at (11,1995) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,2004) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [12,2004 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer <(anonymous)> at (38,2468) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,2056) content-size 780x0 children: inline TextNode <#text> - Box at (53,2483) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (68,2498) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [68,2498 61.765625x17] baseline: 13.296875 + Box at (11,2057) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,2058) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [12,2058 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer <(anonymous)> at (38,2558) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,2118) content-size 780x0 children: inline TextNode <#text> - Box at (53,2573) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (68,2578) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 6, rect: [68,2578 51.625x17] baseline: 13.296875 + Box at (11,2119) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,2124) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 6, rect: [12,2124 51.625x17] baseline: 13.296875 "center" TextNode <#text> - BlockContainer <(anonymous)> at (38,2648) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,2180) content-size 780x0 children: inline TextNode <#text> - Box at (53,2663) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (68,2668) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [68,2668 107.96875x17] baseline: 13.296875 + Box at (11,2181) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,2186) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [12,2186 107.96875x17] baseline: 13.296875 "space-around" TextNode <#text> - BlockContainer <(anonymous)> at (38,2738) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,2242) content-size 780x0 children: inline TextNode <#text> - Box at (53,2753) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (68,2748) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 13, rect: [68,2748 115.515625x17] baseline: 13.296875 + Box at (11,2243) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,2252) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 13, rect: [12,2252 115.515625x17] baseline: 13.296875 "space-between" TextNode <#text> - BlockContainer <(anonymous)> at (38,2828) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,2304) content-size 780x0 children: inline TextNode <#text> - Box at (53,2843) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (68,2848) content-size 150x50 positioned [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [68,2848 98.859375x17] baseline: 13.296875 + Box at (11,2305) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,2310) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [12,2310 98.859375x17] baseline: 13.296875 "space-evenly" TextNode <#text> - BlockContainer <(anonymous)> at (38,2918) content-size 724x0 children: inline + BlockContainer <(anonymous)> at (10,2366) content-size 780x0 children: inline + TextNode <#text> + Box at (11,2367) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,2368) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,2368 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer <(anonymous)> at (10,2428) content-size 780x0 children: inline + TextNode <#text> + Box at (11,2429) content-size 300x60 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,2430) content-size 150x50 positioned [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,2430 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer <(anonymous)> at (10,2490) content-size 780x0 children: inline TextNode <#text> -ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2956] - PaintableWithLines (BlockContainer) [0,0 800x2956] - PaintableWithLines (BlockContainer) [23,23 754x2910] - PaintableWithLines (BlockContainer(anonymous)) [38,38 724x0] - PaintableBox (Box
.row.outer.start) [38,38 330x90] overflow: [53,53 300x80] - PaintableWithLines (BlockContainer
) [53,53 180x80] +ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2500] + PaintableWithLines (BlockContainer) [0,0 800x2500] + PaintableWithLines (BlockContainer) [9,9 782x2482] + PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0] + PaintableBox (Box
.row.outer.start) [10,10 302x62] + PaintableWithLines (BlockContainer
) [11,11 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,72 780x0] + PaintableBox (Box
.row.outer.flex-start) [10,72 302x62] + PaintableWithLines (BlockContainer
) [11,73 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,134 780x0] + PaintableBox (Box
.row.outer.end) [10,134 302x62] + PaintableWithLines (BlockContainer
) [159,135 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,196 780x0] + PaintableBox (Box
.row.outer.flex-end) [10,196 302x62] + PaintableWithLines (BlockContainer
) [159,197 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,258 780x0] + PaintableBox (Box
.row.outer.center) [10,258 302x62] + PaintableWithLines (BlockContainer
) [85,259 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,320 780x0] + PaintableBox (Box
.row.outer.space-around) [10,320 302x62] + PaintableWithLines (BlockContainer
) [85,321 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,382 780x0] + PaintableBox (Box
.row.outer.space-between) [10,382 302x62] + PaintableWithLines (BlockContainer
) [11,383 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,444 780x0] + PaintableBox (Box
.row.outer.space-evenly) [10,444 302x62] + PaintableWithLines (BlockContainer
) [85,445 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,506 780x0] + PaintableBox (Box
.row.outer.left) [10,506 302x62] + PaintableWithLines (BlockContainer
) [11,507 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,568 780x0] + PaintableBox (Box
.row.outer.right) [10,568 302x62] + PaintableWithLines (BlockContainer
) [159,569 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,630 780x0] + PaintableBox (Box
.row.reverse.outer.start) [10,630 302x62] + PaintableWithLines (BlockContainer
) [11,631 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,692 780x0] + PaintableBox (Box
.row.reverse.outer.flex-start) [10,692 302x62] + PaintableWithLines (BlockContainer
) [159,693 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,754 780x0] + PaintableBox (Box
.row.reverse.outer.end) [10,754 302x62] + PaintableWithLines (BlockContainer
) [159,755 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,816 780x0] + PaintableBox (Box
.row.reverse.outer.flex-end) [10,816 302x62] + PaintableWithLines (BlockContainer
) [11,817 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,878 780x0] + PaintableBox (Box
.row.reverse.outer.center) [10,878 302x62] + PaintableWithLines (BlockContainer
) [85,879 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,940 780x0] + PaintableBox (Box
.row.reverse.outer.space-around) [10,940 302x62] + PaintableWithLines (BlockContainer
) [85,941 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1002 780x0] + PaintableBox (Box
.row.reverse.outer.space-between) [10,1002 302x62] + PaintableWithLines (BlockContainer
) [159,1003 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1064 780x0] + PaintableBox (Box
.row.reverse.outer.space-evenly) [10,1064 302x62] + PaintableWithLines (BlockContainer
) [85,1065 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1126 780x0] + PaintableBox (Box
.row.reverse.outer.left) [10,1126 302x62] + PaintableWithLines (BlockContainer
) [11,1127 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1188 780x0] + PaintableBox (Box
.row.reverse.outer.right) [10,1188 302x62] + PaintableWithLines (BlockContainer
) [159,1189 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1250 780x0] + PaintableBox (Box
.column.outer.start) [10,1250 302x62] + PaintableWithLines (BlockContainer
) [11,1251 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1312 780x0] + PaintableBox (Box
.column.outer.flex-start) [10,1312 302x62] + PaintableWithLines (BlockContainer
) [11,1313 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1374 780x0] + PaintableBox (Box
.column.outer.end) [10,1374 302x62] + PaintableWithLines (BlockContainer
) [11,1383 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1436 780x0] + PaintableBox (Box
.column.outer.flex-end) [10,1436 302x62] + PaintableWithLines (BlockContainer
) [11,1445 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1498 780x0] + PaintableBox (Box
.column.outer.center) [10,1498 302x62] + PaintableWithLines (BlockContainer
) [11,1503 152x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1560 780x0] + PaintableBox (Box
.column.outer.space-around) [10,1560 302x62] + PaintableWithLines (BlockContainer
) [11,1565 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,128 724x0] - PaintableBox (Box
.row.outer.flex-start) [38,128 330x90] overflow: [53,143 300x80] - PaintableWithLines (BlockContainer
) [53,143 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,1622 780x0] + PaintableBox (Box
.column.outer.space-between) [10,1622 302x62] + PaintableWithLines (BlockContainer
) [11,1623 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,218 724x0] - PaintableBox (Box
.row.outer.end) [38,218 330x90] overflow: [53,233 300x80] - PaintableWithLines (BlockContainer
) [173,233 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,1684 780x0] + PaintableBox (Box
.column.outer.space-evenly) [10,1684 302x62] + PaintableWithLines (BlockContainer
) [11,1689 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,308 724x0] - PaintableBox (Box
.row.outer.flex-end) [38,308 330x90] overflow: [53,323 300x80] - PaintableWithLines (BlockContainer
) [173,323 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,1746 780x0] + PaintableBox (Box
.column.outer.left) [10,1746 302x62] + PaintableWithLines (BlockContainer
) [11,1747 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,398 724x0] - PaintableBox (Box
.row.outer.center) [38,398 330x90] overflow: [53,413 300x80] - PaintableWithLines (BlockContainer
) [113,413 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,1808 780x0] + PaintableBox (Box
.column.outer.right) [10,1808 302x62] + PaintableWithLines (BlockContainer
) [11,1809 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,488 724x0] - PaintableBox (Box
.row.outer.space-around) [38,488 330x90] overflow: [53,503 300x80] - PaintableWithLines (BlockContainer
) [113,503 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,1870 780x0] + PaintableBox (Box
.column.reverse.outer.start) [10,1870 302x62] + PaintableWithLines (BlockContainer
) [11,1871 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,578 724x0] - PaintableBox (Box
.row.outer.space-between) [38,578 330x90] overflow: [53,593 300x80] - PaintableWithLines (BlockContainer
) [53,593 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,1932 780x0] + PaintableBox (Box
.column.reverse.outer.flex-start) [10,1932 302x62] + PaintableWithLines (BlockContainer
) [11,1941 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,668 724x0] - PaintableBox (Box
.row.outer.space-evenly) [38,668 330x90] overflow: [53,683 300x80] - PaintableWithLines (BlockContainer
) [113,683 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,758 724x0] - PaintableBox (Box
.row.reverse.outer.start) [38,758 330x90] overflow: [53,773 300x80] - PaintableWithLines (BlockContainer
) [53,773 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,848 724x0] - PaintableBox (Box
.row.reverse.outer.flex-start) [38,848 330x90] overflow: [53,863 300x80] - PaintableWithLines (BlockContainer
) [173,863 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,938 724x0] - PaintableBox (Box
.row.reverse.outer.end) [38,938 330x90] overflow: [53,953 300x80] - PaintableWithLines (BlockContainer
) [173,953 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1028 724x0] - PaintableBox (Box
.row.reverse.outer.flex-end) [38,1028 330x90] overflow: [53,1043 300x80] - PaintableWithLines (BlockContainer
) [53,1043 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1118 724x0] - PaintableBox (Box
.row.reverse.outer.center) [38,1118 330x90] overflow: [53,1133 300x80] - PaintableWithLines (BlockContainer
) [113,1133 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1208 724x0] - PaintableBox (Box
.row.reverse.outer.space-around) [38,1208 330x90] overflow: [53,1223 300x80] - PaintableWithLines (BlockContainer
) [113,1223 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1298 724x0] - PaintableBox (Box
.row.reverse.outer.space-between) [38,1298 330x90] overflow: [53,1313 300x80] - PaintableWithLines (BlockContainer
) [173,1313 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1388 724x0] - PaintableBox (Box
.row.reverse.outer.space-evenly) [38,1388 330x90] overflow: [53,1403 300x80] - PaintableWithLines (BlockContainer
) [113,1403 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1478 724x0] - PaintableBox (Box
.column.outer.start) [38,1478 330x90] overflow: [53,1493 300x80] - PaintableWithLines (BlockContainer
) [53,1493 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1568 724x0] - PaintableBox (Box
.column.outer.flex-start) [38,1568 330x90] overflow: [53,1583 300x80] - PaintableWithLines (BlockContainer
) [53,1583 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1658 724x0] - PaintableBox (Box
.column.outer.end) [38,1658 330x90] overflow: [53,1653 300x80] - PaintableWithLines (BlockContainer
) [53,1653 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1748 724x0] - PaintableBox (Box
.column.outer.flex-end) [38,1748 330x90] overflow: [53,1743 300x80] - PaintableWithLines (BlockContainer
) [53,1743 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1838 724x0] - PaintableBox (Box
.column.outer.center) [38,1838 330x90] overflow: [53,1843 300x80] - PaintableWithLines (BlockContainer
) [53,1843 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,1928 724x0] - PaintableBox (Box
.column.outer.space-around) [38,1928 330x90] overflow: [53,1933 300x80] - PaintableWithLines (BlockContainer
) [53,1933 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2018 724x0] - PaintableBox (Box
.column.outer.space-between) [38,2018 330x90] overflow: [53,2033 300x80] - PaintableWithLines (BlockContainer
) [53,2033 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2108 724x0] - PaintableBox (Box
.column.outer.space-evenly) [38,2108 330x90] overflow: [53,2113 300x80] - PaintableWithLines (BlockContainer
) [53,2113 180x80] - TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2198 724x0] - PaintableBox (Box
.column.reverse.outer.start) [38,2198 330x90] overflow: [53,2213 300x80] - PaintableWithLines (BlockContainer
) [53,2213 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,1994 780x0] + PaintableBox (Box
.column.reverse.outer.end) [10,1994 302x62] + PaintableWithLines (BlockContainer
) [11,2003 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2288 724x0] - PaintableBox (Box
.column.reverse.outer.flex-start) [38,2288 330x90] overflow: [53,2283 300x80] - PaintableWithLines (BlockContainer
) [53,2283 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,2056 780x0] + PaintableBox (Box
.column.reverse.outer.flex-end) [10,2056 302x62] + PaintableWithLines (BlockContainer
) [11,2057 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2378 724x0] - PaintableBox (Box
.column.reverse.outer.end) [38,2378 330x90] overflow: [53,2373 300x80] - PaintableWithLines (BlockContainer
) [53,2373 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,2118 780x0] + PaintableBox (Box
.column.reverse.outer.center) [10,2118 302x62] + PaintableWithLines (BlockContainer
) [11,2123 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2468 724x0] - PaintableBox (Box
.column.reverse.outer.flex-end) [38,2468 330x90] overflow: [53,2483 300x80] - PaintableWithLines (BlockContainer
) [53,2483 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,2180 780x0] + PaintableBox (Box
.column.reverse.outer.space-around) [10,2180 302x62] + PaintableWithLines (BlockContainer
) [11,2185 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2558 724x0] - PaintableBox (Box
.column.reverse.outer.center) [38,2558 330x90] overflow: [53,2563 300x80] - PaintableWithLines (BlockContainer
) [53,2563 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,2242 780x0] + PaintableBox (Box
.column.reverse.outer.space-between) [10,2242 302x62] + PaintableWithLines (BlockContainer
) [11,2251 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2648 724x0] - PaintableBox (Box
.column.reverse.outer.space-around) [38,2648 330x90] overflow: [53,2653 300x80] - PaintableWithLines (BlockContainer
) [53,2653 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,2304 780x0] + PaintableBox (Box
.column.reverse.outer.space-evenly) [10,2304 302x62] + PaintableWithLines (BlockContainer
) [11,2309 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2738 724x0] - PaintableBox (Box
.column.reverse.outer.space-between) [38,2738 330x90] overflow: [53,2733 300x80] - PaintableWithLines (BlockContainer
) [53,2733 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,2366 780x0] + PaintableBox (Box
.column.reverse.outer.left) [10,2366 302x62] + PaintableWithLines (BlockContainer
) [11,2367 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2828 724x0] - PaintableBox (Box
.column.reverse.outer.space-evenly) [38,2828 330x90] overflow: [53,2833 300x80] - PaintableWithLines (BlockContainer
) [53,2833 180x80] + PaintableWithLines (BlockContainer(anonymous)) [10,2428 780x0] + PaintableBox (Box
.column.reverse.outer.right) [10,2428 302x62] + PaintableWithLines (BlockContainer
) [11,2429 152x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [38,2918 724x0] + PaintableWithLines (BlockContainer(anonymous)) [10,2490 780x0] diff --git a/Tests/LibWeb/Layout/expected/flex/justify-content-1.txt b/Tests/LibWeb/Layout/expected/flex/justify-content-1.txt index ed4244aba74b42..19137f97fb7d34 100644 --- a/Tests/LibWeb/Layout/expected/flex/justify-content-1.txt +++ b/Tests/LibWeb/Layout/expected/flex/justify-content-1.txt @@ -1,6 +1,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline - BlockContainer at (1,1) content-size 798x5842 [BFC] children: not-inline - BlockContainer at (10,10) content-size 780x5824 children: not-inline + BlockContainer at (1,1) content-size 798x7298 [BFC] children: not-inline + BlockContainer at (10,10) content-size 780x7280 children: not-inline BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline TextNode <#text> Box at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline @@ -123,370 +123,490 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline TextNode <#text> - Box at (11,507) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (116,508) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [116,508 41.234375x17] baseline: 13.296875 - "start" + Box at (11,507) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (12,508) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,508 26.25x17] baseline: 13.296875 + "left" TextNode <#text> BlockContainer
at (64,508) content-size 50x50 flex-item [BFC] children: inline frag 0 from TextNode start: 0, length: 1, rect: [64,508 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,508) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x17] baseline: 13.296875 + BlockContainer
at (116,508) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [116,508 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline TextNode <#text> - Box at (11,569) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (260,570) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [260,570 76.8125x17] baseline: 13.296875 - "flex-start" + Box at (11,569) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (156,570) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [156,570 37.109375x17] baseline: 13.296875 + "right" TextNode <#text> BlockContainer
at (208,570) content-size 50x50 flex-item [BFC] children: inline frag 0 from TextNode start: 0, length: 1, rect: [208,570 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (156,570) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [156,570 9.46875x17] baseline: 13.296875 + BlockContainer
at (260,570) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [260,570 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline TextNode <#text> - Box at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (260,632) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [260,632 26.1875x17] baseline: 13.296875 - "end" + Box at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (116,632) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [116,632 41.234375x17] baseline: 13.296875 + "start" TextNode <#text> - BlockContainer
at (208,632) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [208,632 9.34375x17] baseline: 13.296875 + BlockContainer
at (64,632) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [64,632 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (156,632) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [156,632 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,632) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,632 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline TextNode <#text> - Box at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (116,694) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [116,694 61.765625x17] baseline: 13.296875 - "flex-end" + Box at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (260,694) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [260,694 76.8125x17] baseline: 13.296875 + "flex-start" TextNode <#text> - BlockContainer
at (64,694) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [64,694 9.34375x17] baseline: 13.296875 + BlockContainer
at (208,694) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [208,694 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,694) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,694 9.46875x17] baseline: 13.296875 + BlockContainer
at (156,694) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [156,694 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline TextNode <#text> - Box at (11,755) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (188,756) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 6, rect: [188,756 51.625x17] baseline: 13.296875 - "center" + Box at (11,755) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (260,756) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [260,756 26.1875x17] baseline: 13.296875 + "end" TextNode <#text> - BlockContainer
at (136,756) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [136,756 9.34375x17] baseline: 13.296875 + BlockContainer
at (208,756) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [208,756 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (84,756) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [84,756 9.46875x17] baseline: 13.296875 + BlockContainer
at (156,756) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [156,756 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,816) content-size 780x0 children: inline TextNode <#text> - Box at (11,817) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (236,818) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [236,818 107.96875x17] baseline: 13.296875 - "space-around" + Box at (11,817) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (116,818) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [116,818 61.765625x17] baseline: 13.296875 + "flex-end" TextNode <#text> - BlockContainer
at (136,818) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [136,818 9.34375x17] baseline: 13.296875 + BlockContainer
at (64,818) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [64,818 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (36,818) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [36,818 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,818) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,818 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,878) content-size 780x0 children: inline TextNode <#text> - Box at (11,879) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (260,880) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 13, rect: [260,880 115.515625x17] baseline: 13.296875 - "space-between" + Box at (11,879) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (188,880) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 6, rect: [188,880 51.625x17] baseline: 13.296875 + "center" TextNode <#text> BlockContainer
at (136,880) content-size 50x50 flex-item [BFC] children: inline frag 0 from TextNode start: 0, length: 1, rect: [136,880 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,880) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,880 9.46875x17] baseline: 13.296875 + BlockContainer
at (84,880) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [84,880 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,940) content-size 780x0 children: inline TextNode <#text> - Box at (11,941) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (224,942) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [224,942 98.859375x17] baseline: 13.296875 - "space-evenly" + Box at (11,941) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (236,942) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [236,942 107.96875x17] baseline: 13.296875 + "space-around" TextNode <#text> BlockContainer
at (136,942) content-size 50x50 flex-item [BFC] children: inline frag 0 from TextNode start: 0, length: 1, rect: [136,942 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (48,942) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [48,942 9.46875x17] baseline: 13.296875 + BlockContainer
at (36,942) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [36,942 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,1002) content-size 780x0 children: inline TextNode <#text> - Box at (11,1003) content-size 60x300 flex-container(column) [FFC] children: not-inline + Box at (11,1003) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (260,1004) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 13, rect: [260,1004 115.515625x17] baseline: 13.296875 + "space-between" + TextNode <#text> + BlockContainer
at (136,1004) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [136,1004 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> BlockContainer
at (12,1004) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [12,1004 41.234375x17] baseline: 13.296875 + frag 0 from TextNode start: 0, length: 1, rect: [12,1004 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1064) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1065) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (224,1066) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [224,1066 98.859375x17] baseline: 13.296875 + "space-evenly" + TextNode <#text> + BlockContainer
at (136,1066) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [136,1066 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (48,1066) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [48,1066 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1126) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1127) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (116,1128) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [116,1128 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer
at (64,1128) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [64,1128 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,1128) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1128 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1188) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1189) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (260,1190) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [260,1190 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer
at (208,1190) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [208,1190 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (156,1190) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [156,1190 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1250) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1251) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1252) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,1252 41.234375x17] baseline: 13.296875 "start" TextNode <#text> - BlockContainer
at (12,1056) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1056 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,1304) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1304 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,1108) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1108 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,1356) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1356 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,1304) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,1552) content-size 780x0 children: inline TextNode <#text> - Box at (11,1305) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,1306) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [12,1306 76.8125x17] baseline: 13.296875 + Box at (11,1553) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1554) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [12,1554 76.8125x17] baseline: 13.296875 "flex-start" TextNode <#text> - BlockContainer
at (12,1358) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1358 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,1606) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1606 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,1410) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1410 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,1658) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1658 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,1606) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,1854) content-size 780x0 children: inline TextNode <#text> - Box at (11,1607) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,1752) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [12,1752 26.1875x17] baseline: 13.296875 + Box at (11,1855) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,2000) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [12,2000 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer
at (12,1804) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1804 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,2052) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2052 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,1856) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1856 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,2104) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2104 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,1908) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,2156) content-size 780x0 children: inline TextNode <#text> - Box at (11,1909) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,2054) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [12,2054 61.765625x17] baseline: 13.296875 + Box at (11,2157) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,2302) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [12,2302 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer
at (12,2106) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2106 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,2354) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2354 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,2158) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2158 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,2406) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2406 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,2210) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,2458) content-size 780x0 children: inline TextNode <#text> - Box at (11,2211) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,2284) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 6, rect: [12,2284 51.625x17] baseline: 13.296875 + Box at (11,2459) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,2532) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 6, rect: [12,2532 51.625x17] baseline: 13.296875 "center" TextNode <#text> - BlockContainer
at (12,2336) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2336 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,2584) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2584 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,2388) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2388 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,2636) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2636 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,2512) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,2760) content-size 780x0 children: inline TextNode <#text> - Box at (11,2513) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,2538) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [12,2538 107.96875x17] baseline: 13.296875 + Box at (11,2761) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,2786) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [12,2786 107.96875x17] baseline: 13.296875 "space-around" TextNode <#text> - BlockContainer
at (12,2638) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2638 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,2886) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2886 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,2738) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2738 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,2986) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2986 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,2814) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,3062) content-size 780x0 children: inline TextNode <#text> - Box at (11,2815) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,2816) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 13, rect: [12,2816 115.515625x17] baseline: 13.296875 + Box at (11,3063) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,3064) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 13, rect: [12,3064 115.515625x17] baseline: 13.296875 "space-between" TextNode <#text> - BlockContainer
at (12,2940) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2940 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,3188) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3188 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,3064) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,3064 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,3312) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3312 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,3116) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,3364) content-size 780x0 children: inline TextNode <#text> - Box at (11,3117) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,3154) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [12,3154 98.859375x17] baseline: 13.296875 + Box at (11,3365) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,3402) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [12,3402 98.859375x17] baseline: 13.296875 "space-evenly" TextNode <#text> - BlockContainer
at (12,3242) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,3242 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,3490) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3490 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,3330) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,3330 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,3578) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3578 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,3418) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,3666) content-size 780x0 children: inline TextNode <#text> - Box at (11,3419) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (12,3524) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [12,3524 41.234375x17] baseline: 13.296875 - "start" + Box at (11,3667) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,3668) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,3668 26.25x17] baseline: 13.296875 + "left" TextNode <#text> - BlockContainer
at (12,3472) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,3472 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,3720) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3720 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,3420) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,3420 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,3772) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3772 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,3720) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,3968) content-size 780x0 children: inline TextNode <#text> - Box at (11,3721) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + Box at (11,3969) content-size 60x300 flex-container(column) [FFC] children: not-inline BlockContainer
at (12,3970) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [12,3970 76.8125x17] baseline: 13.296875 - "flex-start" + frag 0 from TextNode start: 0, length: 5, rect: [12,3970 37.109375x17] baseline: 13.296875 + "right" TextNode <#text> - BlockContainer
at (12,3918) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,3918 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,4022) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,4022 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,3866) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,3866 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,4074) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,4074 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,4022) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,4270) content-size 780x0 children: inline TextNode <#text> - Box at (11,4023) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + Box at (11,4271) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,4376) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,4376 41.234375x17] baseline: 13.296875 + "start" + TextNode <#text> + BlockContainer
at (12,4324) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,4324 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> BlockContainer
at (12,4272) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [12,4272 26.1875x17] baseline: 13.296875 + frag 0 from TextNode start: 0, length: 1, rect: [12,4272 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,4572) content-size 780x0 children: inline + TextNode <#text> + Box at (11,4573) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,4822) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [12,4822 76.8125x17] baseline: 13.296875 + "flex-start" + TextNode <#text> + BlockContainer
at (12,4770) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,4770 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,4718) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,4718 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,4874) content-size 780x0 children: inline + TextNode <#text> + Box at (11,4875) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,5124) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [12,5124 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer
at (12,4220) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,4220 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,5072) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,5072 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,4168) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,4168 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,5020) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,5020 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,4324) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,5176) content-size 780x0 children: inline TextNode <#text> - Box at (11,4325) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (12,4430) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [12,4430 61.765625x17] baseline: 13.296875 + Box at (11,5177) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,5282) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [12,5282 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer
at (12,4378) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,4378 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,5230) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,5230 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,4326) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,4326 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,5178) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,5178 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,4626) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,5478) content-size 780x0 children: inline TextNode <#text> - Box at (11,4627) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (12,4804) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 6, rect: [12,4804 51.625x17] baseline: 13.296875 + Box at (11,5479) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,5656) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 6, rect: [12,5656 51.625x17] baseline: 13.296875 "center" TextNode <#text> - BlockContainer
at (12,4752) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,4752 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,5604) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,5604 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,4700) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,4700 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,5552) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,5552 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,4928) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,5780) content-size 780x0 children: inline TextNode <#text> - Box at (11,4929) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (12,5154) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [12,5154 107.96875x17] baseline: 13.296875 + Box at (11,5781) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,6006) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [12,6006 107.96875x17] baseline: 13.296875 "space-around" TextNode <#text> - BlockContainer
at (12,5054) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,5054 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,5906) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,5906 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,4954) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,4954 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,5806) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,5806 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,5230) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,6082) content-size 780x0 children: inline TextNode <#text> - Box at (11,5231) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (12,5480) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 13, rect: [12,5480 115.515625x17] baseline: 13.296875 + Box at (11,6083) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,6332) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 13, rect: [12,6332 115.515625x17] baseline: 13.296875 "space-between" TextNode <#text> - BlockContainer
at (12,5356) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,5356 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,6208) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,6208 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,5232) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,5232 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,6084) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,6084 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,5532) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,6384) content-size 780x0 children: inline TextNode <#text> - Box at (11,5533) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (12,5746) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 12, rect: [12,5746 98.859375x17] baseline: 13.296875 + Box at (11,6385) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,6598) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 12, rect: [12,6598 98.859375x17] baseline: 13.296875 "space-evenly" TextNode <#text> - BlockContainer
at (12,5658) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,5658 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,6510) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,6510 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,5570) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,5570 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,6422) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,6422 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,5834) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,6686) content-size 780x0 children: inline + TextNode <#text> + Box at (11,6687) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,6792) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,6792 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer
at (12,6740) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,6740 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,6688) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,6688 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,6988) content-size 780x0 children: inline + TextNode <#text> + Box at (11,6989) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,7094) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,7094 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer
at (12,7042) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,7042 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,6990) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,6990 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,7290) content-size 780x0 children: inline TextNode <#text> -ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x5844] - PaintableWithLines (BlockContainer) [0,0 800x5844] - PaintableWithLines (BlockContainer) [9,9 782x5826] +ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x7300] + PaintableWithLines (BlockContainer) [0,0 800x7300] + PaintableWithLines (BlockContainer) [9,9 782x7282] PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0] PaintableBox (Box
.row.outer.start) [10,10 302x62] PaintableWithLines (BlockContainer
) [11,11 52x52] @@ -552,195 +672,259 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x5844] PaintableWithLines (BlockContainer
) [223,445 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,506 780x0] - PaintableBox (Box
.row.reverse.outer.start) [10,506 302x62] - PaintableWithLines (BlockContainer
) [115,507 52x52] + PaintableBox (Box
.row.outer.left) [10,506 302x62] + PaintableWithLines (BlockContainer
) [11,507 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
) [63,507 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,507 52x52] + PaintableWithLines (BlockContainer
) [115,507 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,568 780x0] - PaintableBox (Box
.row.reverse.outer.flex-start) [10,568 302x62] overflow: [11,569 325.8125x60] - PaintableWithLines (BlockContainer
) [259,569 52x52] overflow: [260,570 76.8125x50] + PaintableBox (Box
.row.outer.right) [10,568 302x62] + PaintableWithLines (BlockContainer
) [155,569 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
) [207,569 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [155,569 52x52] + PaintableWithLines (BlockContainer
) [259,569 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,630 780x0] - PaintableBox (Box
.row.reverse.outer.end) [10,630 302x62] - PaintableWithLines (BlockContainer
) [259,631 52x52] + PaintableBox (Box
.row.reverse.outer.start) [10,630 302x62] + PaintableWithLines (BlockContainer
) [115,631 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [207,631 52x52] + PaintableWithLines (BlockContainer
) [63,631 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [155,631 52x52] + PaintableWithLines (BlockContainer
) [11,631 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,692 780x0] - PaintableBox (Box
.row.reverse.outer.flex-end) [10,692 302x62] - PaintableWithLines (BlockContainer
) [115,693 52x52] overflow: [116,694 61.765625x50] + PaintableBox (Box
.row.reverse.outer.flex-start) [10,692 302x62] overflow: [11,693 325.8125x60] + PaintableWithLines (BlockContainer
) [259,693 52x52] overflow: [260,694 76.8125x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [63,693 52x52] + PaintableWithLines (BlockContainer
) [207,693 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,693 52x52] + PaintableWithLines (BlockContainer
) [155,693 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,754 780x0] - PaintableBox (Box
.row.reverse.outer.center) [10,754 302x62] - PaintableWithLines (BlockContainer
) [187,755 52x52] overflow: [188,756 51.625x50] + PaintableBox (Box
.row.reverse.outer.end) [10,754 302x62] + PaintableWithLines (BlockContainer
) [259,755 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [135,755 52x52] + PaintableWithLines (BlockContainer
) [207,755 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [83,755 52x52] + PaintableWithLines (BlockContainer
) [155,755 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,816 780x0] - PaintableBox (Box
.row.reverse.outer.space-around) [10,816 302x62] overflow: [11,817 332.96875x60] - PaintableWithLines (BlockContainer
) [235,817 52x52] overflow: [236,818 107.96875x50] + PaintableBox (Box
.row.reverse.outer.flex-end) [10,816 302x62] + PaintableWithLines (BlockContainer
) [115,817 52x52] overflow: [116,818 61.765625x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [135,817 52x52] + PaintableWithLines (BlockContainer
) [63,817 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [35,817 52x52] + PaintableWithLines (BlockContainer
) [11,817 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,878 780x0] - PaintableBox (Box
.row.reverse.outer.space-between) [10,878 302x62] overflow: [11,879 364.515625x60] - PaintableWithLines (BlockContainer
) [259,879 52x52] overflow: [260,880 115.515625x50] + PaintableBox (Box
.row.reverse.outer.center) [10,878 302x62] + PaintableWithLines (BlockContainer
) [187,879 52x52] overflow: [188,880 51.625x50] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
) [135,879 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,879 52x52] + PaintableWithLines (BlockContainer
) [83,879 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,940 780x0] - PaintableBox (Box
.row.reverse.outer.space-evenly) [10,940 302x62] overflow: [11,941 311.859375x60] - PaintableWithLines (BlockContainer
) [223,941 52x52] overflow: [224,942 98.859375x50] + PaintableBox (Box
.row.reverse.outer.space-around) [10,940 302x62] overflow: [11,941 332.96875x60] + PaintableWithLines (BlockContainer
) [235,941 52x52] overflow: [236,942 107.96875x50] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
) [135,941 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [47,941 52x52] + PaintableWithLines (BlockContainer
) [35,941 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,1002 780x0] - PaintableBox (Box
.column.outer.start) [10,1002 62x302] + PaintableBox (Box
.row.reverse.outer.space-between) [10,1002 302x62] overflow: [11,1003 364.515625x60] + PaintableWithLines (BlockContainer
) [259,1003 52x52] overflow: [260,1004 115.515625x50] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [135,1003 52x52] + TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
) [11,1003 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1055 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,1064 780x0] + PaintableBox (Box
.row.reverse.outer.space-evenly) [10,1064 302x62] overflow: [11,1065 311.859375x60] + PaintableWithLines (BlockContainer
) [223,1065 52x52] overflow: [224,1066 98.859375x50] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [135,1065 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [47,1065 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1126 780x0] + PaintableBox (Box
.row.reverse.outer.left) [10,1126 302x62] + PaintableWithLines (BlockContainer
) [115,1127 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [63,1127 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,1127 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1188 780x0] + PaintableBox (Box
.row.reverse.outer.right) [10,1188 302x62] + PaintableWithLines (BlockContainer
) [259,1189 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [207,1189 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [155,1189 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1250 780x0] + PaintableBox (Box
.column.outer.start) [10,1250 62x302] + PaintableWithLines (BlockContainer
) [11,1251 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1107 52x52] + PaintableWithLines (BlockContainer
) [11,1303 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,1304 780x0] - PaintableBox (Box
.column.outer.flex-start) [10,1304 62x302] overflow: [11,1305 77.8125x300] - PaintableWithLines (BlockContainer
) [11,1305 52x52] overflow: [12,1306 76.8125x50] + PaintableWithLines (BlockContainer
) [11,1355 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1357 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,1552 780x0] + PaintableBox (Box
.column.outer.flex-start) [10,1552 62x302] overflow: [11,1553 77.8125x300] + PaintableWithLines (BlockContainer
) [11,1553 52x52] overflow: [12,1554 76.8125x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1409 52x52] + PaintableWithLines (BlockContainer
) [11,1605 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,1606 780x0] - PaintableBox (Box
.column.outer.end) [10,1606 62x302] - PaintableWithLines (BlockContainer
) [11,1751 52x52] + PaintableWithLines (BlockContainer
) [11,1657 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1803 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,1854 780x0] + PaintableBox (Box
.column.outer.end) [10,1854 62x302] + PaintableWithLines (BlockContainer
) [11,1999 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1855 52x52] + PaintableWithLines (BlockContainer
) [11,2051 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,1908 780x0] - PaintableBox (Box
.column.outer.flex-end) [10,1908 62x302] overflow: [11,1909 62.765625x300] - PaintableWithLines (BlockContainer
) [11,2053 52x52] overflow: [12,2054 61.765625x50] + PaintableWithLines (BlockContainer
) [11,2103 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2105 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,2156 780x0] + PaintableBox (Box
.column.outer.flex-end) [10,2156 62x302] overflow: [11,2157 62.765625x300] + PaintableWithLines (BlockContainer
) [11,2301 52x52] overflow: [12,2302 61.765625x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2157 52x52] + PaintableWithLines (BlockContainer
) [11,2353 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,2210 780x0] - PaintableBox (Box
.column.outer.center) [10,2210 62x302] - PaintableWithLines (BlockContainer
) [11,2283 52x52] overflow: [12,2284 51.625x50] + PaintableWithLines (BlockContainer
) [11,2405 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2335 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,2458 780x0] + PaintableBox (Box
.column.outer.center) [10,2458 62x302] + PaintableWithLines (BlockContainer
) [11,2531 52x52] overflow: [12,2532 51.625x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2387 52x52] + PaintableWithLines (BlockContainer
) [11,2583 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,2512 780x0] - PaintableBox (Box
.column.outer.space-around) [10,2512 62x302] overflow: [11,2513 108.96875x300] - PaintableWithLines (BlockContainer
) [11,2537 52x52] overflow: [12,2538 107.96875x50] + PaintableWithLines (BlockContainer
) [11,2635 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2637 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,2760 780x0] + PaintableBox (Box
.column.outer.space-around) [10,2760 62x302] overflow: [11,2761 108.96875x300] + PaintableWithLines (BlockContainer
) [11,2785 52x52] overflow: [12,2786 107.96875x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2737 52x52] + PaintableWithLines (BlockContainer
) [11,2885 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,2814 780x0] - PaintableBox (Box
.column.outer.space-between) [10,2814 62x302] overflow: [11,2815 116.515625x300] - PaintableWithLines (BlockContainer
) [11,2815 52x52] overflow: [12,2816 115.515625x50] + PaintableWithLines (BlockContainer
) [11,2985 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2939 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,3062 780x0] + PaintableBox (Box
.column.outer.space-between) [10,3062 62x302] overflow: [11,3063 116.515625x300] + PaintableWithLines (BlockContainer
) [11,3063 52x52] overflow: [12,3064 115.515625x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,3063 52x52] + PaintableWithLines (BlockContainer
) [11,3187 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,3116 780x0] - PaintableBox (Box
.column.outer.space-evenly) [10,3116 62x302] overflow: [11,3117 99.859375x300] - PaintableWithLines (BlockContainer
) [11,3153 52x52] overflow: [12,3154 98.859375x50] + PaintableWithLines (BlockContainer
) [11,3311 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,3241 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,3364 780x0] + PaintableBox (Box
.column.outer.space-evenly) [10,3364 62x302] overflow: [11,3365 99.859375x300] + PaintableWithLines (BlockContainer
) [11,3401 52x52] overflow: [12,3402 98.859375x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,3329 52x52] + PaintableWithLines (BlockContainer
) [11,3489 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,3418 780x0] - PaintableBox (Box
.column.reverse.outer.start) [10,3418 62x302] - PaintableWithLines (BlockContainer
) [11,3523 52x52] + PaintableWithLines (BlockContainer
) [11,3577 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,3471 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,3666 780x0] + PaintableBox (Box
.column.outer.left) [10,3666 62x302] + PaintableWithLines (BlockContainer
) [11,3667 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,3419 52x52] + PaintableWithLines (BlockContainer
) [11,3719 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,3720 780x0] - PaintableBox (Box
.column.reverse.outer.flex-start) [10,3720 62x302] overflow: [11,3721 77.8125x300] - PaintableWithLines (BlockContainer
) [11,3969 52x52] overflow: [12,3970 76.8125x50] + PaintableWithLines (BlockContainer
) [11,3771 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,3917 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,3968 780x0] + PaintableBox (Box
.column.outer.right) [10,3968 62x302] + PaintableWithLines (BlockContainer
) [11,3969 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,3865 52x52] + PaintableWithLines (BlockContainer
) [11,4021 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,4073 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,4270 780x0] + PaintableBox (Box
.column.reverse.outer.start) [10,4270 62x302] + PaintableWithLines (BlockContainer
) [11,4375 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,4323 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,4022 780x0] - PaintableBox (Box
.column.reverse.outer.end) [10,4022 62x302] PaintableWithLines (BlockContainer
) [11,4271 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,4219 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,4572 780x0] + PaintableBox (Box
.column.reverse.outer.flex-start) [10,4572 62x302] overflow: [11,4573 77.8125x300] + PaintableWithLines (BlockContainer
) [11,4821 52x52] overflow: [12,4822 76.8125x50] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,4769 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,4717 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,4874 780x0] + PaintableBox (Box
.column.reverse.outer.end) [10,4874 62x302] + PaintableWithLines (BlockContainer
) [11,5123 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,5071 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,5019 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,5176 780x0] + PaintableBox (Box
.column.reverse.outer.flex-end) [10,5176 62x302] overflow: [11,5177 62.765625x300] + PaintableWithLines (BlockContainer
) [11,5281 52x52] overflow: [12,5282 61.765625x50] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,5229 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,5177 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,5478 780x0] + PaintableBox (Box
.column.reverse.outer.center) [10,5478 62x302] + PaintableWithLines (BlockContainer
) [11,5655 52x52] overflow: [12,5656 51.625x50] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,5603 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,4167 52x52] + PaintableWithLines (BlockContainer
) [11,5551 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,4324 780x0] - PaintableBox (Box
.column.reverse.outer.flex-end) [10,4324 62x302] overflow: [11,4325 62.765625x300] - PaintableWithLines (BlockContainer
) [11,4429 52x52] overflow: [12,4430 61.765625x50] + PaintableWithLines (BlockContainer(anonymous)) [10,5780 780x0] + PaintableBox (Box
.column.reverse.outer.space-around) [10,5780 62x302] overflow: [11,5781 108.96875x300] + PaintableWithLines (BlockContainer
) [11,6005 52x52] overflow: [12,6006 107.96875x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,4377 52x52] + PaintableWithLines (BlockContainer
) [11,5905 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,4325 52x52] + PaintableWithLines (BlockContainer
) [11,5805 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,4626 780x0] - PaintableBox (Box
.column.reverse.outer.center) [10,4626 62x302] - PaintableWithLines (BlockContainer
) [11,4803 52x52] overflow: [12,4804 51.625x50] + PaintableWithLines (BlockContainer(anonymous)) [10,6082 780x0] + PaintableBox (Box
.column.reverse.outer.space-between) [10,6082 62x302] overflow: [11,6083 116.515625x300] + PaintableWithLines (BlockContainer
) [11,6331 52x52] overflow: [12,6332 115.515625x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,4751 52x52] + PaintableWithLines (BlockContainer
) [11,6207 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,4699 52x52] + PaintableWithLines (BlockContainer
) [11,6083 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,4928 780x0] - PaintableBox (Box
.column.reverse.outer.space-around) [10,4928 62x302] overflow: [11,4929 108.96875x300] - PaintableWithLines (BlockContainer
) [11,5153 52x52] overflow: [12,5154 107.96875x50] + PaintableWithLines (BlockContainer(anonymous)) [10,6384 780x0] + PaintableBox (Box
.column.reverse.outer.space-evenly) [10,6384 62x302] overflow: [11,6385 99.859375x300] + PaintableWithLines (BlockContainer
) [11,6597 52x52] overflow: [12,6598 98.859375x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,5053 52x52] + PaintableWithLines (BlockContainer
) [11,6509 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,4953 52x52] + PaintableWithLines (BlockContainer
) [11,6421 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,5230 780x0] - PaintableBox (Box
.column.reverse.outer.space-between) [10,5230 62x302] overflow: [11,5231 116.515625x300] - PaintableWithLines (BlockContainer
) [11,5479 52x52] overflow: [12,5480 115.515625x50] + PaintableWithLines (BlockContainer(anonymous)) [10,6686 780x0] + PaintableBox (Box
.column.reverse.outer.left) [10,6686 62x302] + PaintableWithLines (BlockContainer
) [11,6791 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,5355 52x52] + PaintableWithLines (BlockContainer
) [11,6739 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,5231 52x52] + PaintableWithLines (BlockContainer
) [11,6687 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,5532 780x0] - PaintableBox (Box
.column.reverse.outer.space-evenly) [10,5532 62x302] overflow: [11,5533 99.859375x300] - PaintableWithLines (BlockContainer
) [11,5745 52x52] overflow: [12,5746 98.859375x50] + PaintableWithLines (BlockContainer(anonymous)) [10,6988 780x0] + PaintableBox (Box
.column.reverse.outer.right) [10,6988 62x302] + PaintableWithLines (BlockContainer
) [11,7093 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,5657 52x52] + PaintableWithLines (BlockContainer
) [11,7041 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,5569 52x52] + PaintableWithLines (BlockContainer
) [11,6989 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,5834 780x0] + PaintableWithLines (BlockContainer(anonymous)) [10,7290 780x0] diff --git a/Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt b/Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt index 188b60a77d1b8d..17191bccd83bf1 100644 --- a/Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt +++ b/Tests/LibWeb/Layout/expected/flex/justify-content-with-margin-auto-child.txt @@ -1,6 +1,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline - BlockContainer at (1,1) content-size 798x2930 [BFC] children: not-inline - BlockContainer at (10,10) content-size 780x2912 children: not-inline + BlockContainer at (1,1) content-size 798x4386 [BFC] children: not-inline + BlockContainer at (10,10) content-size 780x4368 children: not-inline BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline TextNode <#text> Box at (11,11) content-size 300x60 flex-container(row) [FFC] children: not-inline @@ -63,190 +63,310 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> at (10,258) content-size 780x0 children: inline TextNode <#text> - Box at (11,259) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (260,260) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [260,260 41.234375x17] baseline: 13.296875 - "start" + Box at (11,259) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (12,260) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,260 26.25x17] baseline: 13.296875 + "left" TextNode <#text> - BlockContainer
at (160,260) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [160,260 9.34375x17] baseline: 13.296875 + BlockContainer
at (64,260) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [64,260 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (60,260) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [60,260 9.46875x17] baseline: 13.296875 + BlockContainer
at (116,260) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [116,260 9.46875x17] baseline: 13.296875 "b" TextNode <#text> BlockContainer <(anonymous)> at (10,320) content-size 780x0 children: inline TextNode <#text> - Box at (11,321) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + Box at (11,321) content-size 300x60 flex-container(row) [FFC] children: not-inline + BlockContainer
at (156,322) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [156,322 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer
at (208,322) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [208,322 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> BlockContainer
at (260,322) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [260,322 76.8125x17] baseline: 13.296875 + frag 0 from TextNode start: 0, length: 1, rect: [260,322 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline + TextNode <#text> + Box at (11,383) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (260,384) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [260,384 41.234375x17] baseline: 13.296875 + "start" + TextNode <#text> + BlockContainer
at (160,384) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [160,384 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (60,384) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [60,384 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline + TextNode <#text> + Box at (11,445) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (260,446) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [260,446 76.8125x17] baseline: 13.296875 "flex-start" TextNode <#text> - BlockContainer
at (160,322) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [160,322 9.34375x17] baseline: 13.296875 + BlockContainer
at (160,446) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [160,446 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (60,322) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [60,322 9.46875x17] baseline: 13.296875 + BlockContainer
at (60,446) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [60,446 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,382) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline TextNode <#text> - Box at (11,383) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (212,384) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [212,384 26.1875x17] baseline: 13.296875 + Box at (11,507) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (212,508) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [212,508 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer
at (112,384) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [112,384 9.34375x17] baseline: 13.296875 + BlockContainer
at (112,508) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [112,508 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,384) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,384 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,508) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,508 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,444) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,568) content-size 780x0 children: inline TextNode <#text> - Box at (11,445) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline - BlockContainer
at (212,446) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [212,446 61.765625x17] baseline: 13.296875 + Box at (11,569) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (212,570) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [212,570 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer
at (112,446) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [112,446 9.34375x17] baseline: 13.296875 + BlockContainer
at (112,570) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [112,570 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,446) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,446 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,570) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,570 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,506) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,630) content-size 780x0 children: inline TextNode <#text> - Box at (11,507) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (20,508) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [20,508 41.234375x17] baseline: 13.296875 + Box at (11,631) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (116,632) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [116,632 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer
at (64,632) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [64,632 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,632) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,632 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,692) content-size 780x0 children: inline + TextNode <#text> + Box at (11,693) content-size 300x60 flex-container(row-reverse) [FFC] children: not-inline + BlockContainer
at (260,694) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [260,694 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer
at (208,694) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [208,694 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (156,694) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [156,694 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,754) content-size 780x0 children: inline + TextNode <#text> + Box at (11,755) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (20,756) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [20,756 41.234375x17] baseline: 13.296875 "start" TextNode <#text> - BlockContainer
at (20,560) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [20,560 9.34375x17] baseline: 13.296875 + BlockContainer
at (20,808) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [20,808 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (20,612) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [20,612 9.46875x17] baseline: 13.296875 + BlockContainer
at (20,860) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [20,860 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,808) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,1056) content-size 780x0 children: inline TextNode <#text> - Box at (11,809) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (20,810) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [20,810 76.8125x17] baseline: 13.296875 + Box at (11,1057) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (20,1058) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [20,1058 76.8125x17] baseline: 13.296875 "flex-start" TextNode <#text> - BlockContainer
at (20,862) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [20,862 9.34375x17] baseline: 13.296875 + BlockContainer
at (20,1110) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [20,1110 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (20,914) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [20,914 9.46875x17] baseline: 13.296875 + BlockContainer
at (20,1162) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [20,1162 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,1110) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,1358) content-size 780x0 children: inline TextNode <#text> - Box at (11,1111) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,1256) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [12,1256 26.1875x17] baseline: 13.296875 + Box at (11,1359) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1504) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [12,1504 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer
at (12,1308) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1308 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,1556) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1556 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,1360) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1360 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,1608) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1608 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,1412) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,1660) content-size 780x0 children: inline TextNode <#text> - Box at (11,1413) content-size 60x300 flex-container(column) [FFC] children: not-inline - BlockContainer
at (12,1558) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [12,1558 61.765625x17] baseline: 13.296875 + Box at (11,1661) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1806) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [12,1806 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer
at (12,1610) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1610 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,1858) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1858 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,1910) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,1910 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,1962) content-size 780x0 children: inline + TextNode <#text> + Box at (11,1963) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,1964) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,1964 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer
at (12,2016) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2016 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,2068) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2068 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,2264) content-size 780x0 children: inline + TextNode <#text> + Box at (11,2265) content-size 60x300 flex-container(column) [FFC] children: not-inline + BlockContainer
at (12,2266) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,2266 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer
at (12,2318) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2318 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,1662) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,1662 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,2370) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,2370 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,1714) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,2566) content-size 780x0 children: inline TextNode <#text> - Box at (11,1715) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (20,1820) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 5, rect: [20,1820 41.234375x17] baseline: 13.296875 + Box at (11,2567) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (20,2672) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [20,2672 41.234375x17] baseline: 13.296875 "start" TextNode <#text> - BlockContainer
at (20,1768) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [20,1768 9.34375x17] baseline: 13.296875 + BlockContainer
at (20,2620) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [20,2620 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (20,1716) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [20,1716 9.46875x17] baseline: 13.296875 + BlockContainer
at (20,2568) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [20,2568 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,2016) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,2868) content-size 780x0 children: inline TextNode <#text> - Box at (11,2017) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (20,2266) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 10, rect: [20,2266 76.8125x17] baseline: 13.296875 + Box at (11,2869) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (20,3118) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 10, rect: [20,3118 76.8125x17] baseline: 13.296875 "flex-start" TextNode <#text> - BlockContainer
at (20,2214) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [20,2214 9.34375x17] baseline: 13.296875 + BlockContainer
at (20,3066) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [20,3066 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (20,2162) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [20,2162 9.46875x17] baseline: 13.296875 + BlockContainer
at (20,3014) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [20,3014 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,2318) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,3170) content-size 780x0 children: inline TextNode <#text> - Box at (11,2319) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (12,2568) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 3, rect: [12,2568 26.1875x17] baseline: 13.296875 + Box at (11,3171) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,3420) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 3, rect: [12,3420 26.1875x17] baseline: 13.296875 "end" TextNode <#text> - BlockContainer
at (12,2516) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2516 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,3368) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3368 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,2464) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2464 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,3316) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3316 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,2620) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,3472) content-size 780x0 children: inline TextNode <#text> - Box at (11,2621) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline - BlockContainer
at (12,2726) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 8, rect: [12,2726 61.765625x17] baseline: 13.296875 + Box at (11,3473) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,3578) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 8, rect: [12,3578 61.765625x17] baseline: 13.296875 "flex-end" TextNode <#text> - BlockContainer
at (12,2674) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2674 9.34375x17] baseline: 13.296875 + BlockContainer
at (12,3526) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3526 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,3474) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3474 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,3774) content-size 780x0 children: inline + TextNode <#text> + Box at (11,3775) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,3880) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,3880 26.25x17] baseline: 13.296875 + "left" + TextNode <#text> + BlockContainer
at (12,3828) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3828 9.34375x17] baseline: 13.296875 "a" TextNode <#text> - BlockContainer
at (12,2622) content-size 50x50 flex-item [BFC] children: inline - frag 0 from TextNode start: 0, length: 1, rect: [12,2622 9.46875x17] baseline: 13.296875 + BlockContainer
at (12,3776) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,3776 9.46875x17] baseline: 13.296875 "b" TextNode <#text> - BlockContainer <(anonymous)> at (10,2922) content-size 780x0 children: inline + BlockContainer <(anonymous)> at (10,4076) content-size 780x0 children: inline + TextNode <#text> + Box at (11,4077) content-size 60x300 flex-container(column-reverse) [FFC] children: not-inline + BlockContainer
at (12,4182) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [12,4182 37.109375x17] baseline: 13.296875 + "right" + TextNode <#text> + BlockContainer
at (12,4130) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,4130 9.34375x17] baseline: 13.296875 + "a" + TextNode <#text> + BlockContainer
at (12,4078) content-size 50x50 flex-item [BFC] children: inline + frag 0 from TextNode start: 0, length: 1, rect: [12,4078 9.46875x17] baseline: 13.296875 + "b" + TextNode <#text> + BlockContainer <(anonymous)> at (10,4378) content-size 780x0 children: inline TextNode <#text> -ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2932] - PaintableWithLines (BlockContainer) [0,0 800x2932] - PaintableWithLines (BlockContainer) [9,9 782x2914] +ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x4388] + PaintableWithLines (BlockContainer) [0,0 800x4388] + PaintableWithLines (BlockContainer) [9,9 782x4370] PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0] PaintableBox (Box
.row.outer.start) [10,10 302x62] PaintableWithLines (BlockContainer
) [59,11 52x52] @@ -280,99 +400,163 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] overflow: [0,0 800x2932] PaintableWithLines (BlockContainer
) [211,197 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,258 780x0] - PaintableBox (Box
.row.reverse.outer.start) [10,258 302x62] - PaintableWithLines (BlockContainer
) [259,259 52x52] + PaintableBox (Box
.row.outer.left) [10,258 302x62] + PaintableWithLines (BlockContainer
) [11,259 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [159,259 52x52] + PaintableWithLines (BlockContainer
) [63,259 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [59,259 52x52] + PaintableWithLines (BlockContainer
) [115,259 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,320 780x0] - PaintableBox (Box
.row.reverse.outer.flex-start) [10,320 302x62] overflow: [11,321 325.8125x60] - PaintableWithLines (BlockContainer
) [259,321 52x52] overflow: [260,322 76.8125x50] + PaintableBox (Box
.row.outer.right) [10,320 302x62] + PaintableWithLines (BlockContainer
) [155,321 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [159,321 52x52] + PaintableWithLines (BlockContainer
) [207,321 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [59,321 52x52] + PaintableWithLines (BlockContainer
) [259,321 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,382 780x0] - PaintableBox (Box
.row.reverse.outer.end) [10,382 302x62] - PaintableWithLines (BlockContainer
) [211,383 52x52] + PaintableBox (Box
.row.reverse.outer.start) [10,382 302x62] + PaintableWithLines (BlockContainer
) [259,383 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [111,383 52x52] + PaintableWithLines (BlockContainer
) [159,383 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,383 52x52] + PaintableWithLines (BlockContainer
) [59,383 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,444 780x0] - PaintableBox (Box
.row.reverse.outer.flex-end) [10,444 302x62] - PaintableWithLines (BlockContainer
) [211,445 52x52] overflow: [212,446 61.765625x50] + PaintableBox (Box
.row.reverse.outer.flex-start) [10,444 302x62] overflow: [11,445 325.8125x60] + PaintableWithLines (BlockContainer
) [259,445 52x52] overflow: [260,446 76.8125x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [111,445 52x52] + PaintableWithLines (BlockContainer
) [159,445 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,445 52x52] + PaintableWithLines (BlockContainer
) [59,445 52x52] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer(anonymous)) [10,506 780x0] - PaintableBox (Box
.column.outer.start) [10,506 62x302] - PaintableWithLines (BlockContainer
) [19,507 52x52] + PaintableBox (Box
.row.reverse.outer.end) [10,506 302x62] + PaintableWithLines (BlockContainer
) [211,507 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [111,507 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,507 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,568 780x0] + PaintableBox (Box
.row.reverse.outer.flex-end) [10,568 302x62] + PaintableWithLines (BlockContainer
) [211,569 52x52] overflow: [212,570 61.765625x50] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [111,569 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,569 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,630 780x0] + PaintableBox (Box
.row.reverse.outer.left) [10,630 302x62] + PaintableWithLines (BlockContainer
) [115,631 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [63,631 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,631 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,692 780x0] + PaintableBox (Box
.row.reverse.outer.right) [10,692 302x62] + PaintableWithLines (BlockContainer
) [259,693 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [207,693 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [155,693 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,754 780x0] + PaintableBox (Box
.column.outer.start) [10,754 62x302] + PaintableWithLines (BlockContainer
) [19,755 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [19,807 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [19,859 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1056 780x0] + PaintableBox (Box
.column.outer.flex-start) [10,1056 62x302] overflow: [11,1057 85.8125x300] + PaintableWithLines (BlockContainer
) [19,1057 52x52] overflow: [20,1058 76.8125x50] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [19,1109 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [19,1161 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1358 780x0] + PaintableBox (Box
.column.outer.end) [10,1358 62x302] + PaintableWithLines (BlockContainer
) [11,1503 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,1555 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,1607 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1660 780x0] + PaintableBox (Box
.column.outer.flex-end) [10,1660 62x302] overflow: [11,1661 62.765625x300] + PaintableWithLines (BlockContainer
) [11,1805 52x52] overflow: [12,1806 61.765625x50] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,1857 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [11,1909 52x52] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,1962 780x0] + PaintableBox (Box
.column.outer.left) [10,1962 62x302] + PaintableWithLines (BlockContainer
) [11,1963 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [19,559 52x52] + PaintableWithLines (BlockContainer
) [11,2015 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [19,611 52x52] + PaintableWithLines (BlockContainer
) [11,2067 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,808 780x0] - PaintableBox (Box
.column.outer.flex-start) [10,808 62x302] overflow: [11,809 85.8125x300] - PaintableWithLines (BlockContainer
) [19,809 52x52] overflow: [20,810 76.8125x50] + PaintableWithLines (BlockContainer(anonymous)) [10,2264 780x0] + PaintableBox (Box
.column.outer.right) [10,2264 62x302] + PaintableWithLines (BlockContainer
) [11,2265 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [19,861 52x52] + PaintableWithLines (BlockContainer
) [11,2317 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [19,913 52x52] + PaintableWithLines (BlockContainer
) [11,2369 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,1110 780x0] - PaintableBox (Box
.column.outer.end) [10,1110 62x302] - PaintableWithLines (BlockContainer
) [11,1255 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,2566 780x0] + PaintableBox (Box
.column.reverse.outer.start) [10,2566 62x302] + PaintableWithLines (BlockContainer
) [19,2671 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1307 52x52] + PaintableWithLines (BlockContainer
) [19,2619 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1359 52x52] + PaintableWithLines (BlockContainer
) [19,2567 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,1412 780x0] - PaintableBox (Box
.column.outer.flex-end) [10,1412 62x302] overflow: [11,1413 62.765625x300] - PaintableWithLines (BlockContainer
) [11,1557 52x52] overflow: [12,1558 61.765625x50] + PaintableWithLines (BlockContainer(anonymous)) [10,2868 780x0] + PaintableBox (Box
.column.reverse.outer.flex-start) [10,2868 62x302] overflow: [11,2869 85.8125x300] + PaintableWithLines (BlockContainer
) [19,3117 52x52] overflow: [20,3118 76.8125x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1609 52x52] + PaintableWithLines (BlockContainer
) [19,3065 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,1661 52x52] + PaintableWithLines (BlockContainer
) [19,3013 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,1714 780x0] - PaintableBox (Box
.column.reverse.outer.start) [10,1714 62x302] - PaintableWithLines (BlockContainer
) [19,1819 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,3170 780x0] + PaintableBox (Box
.column.reverse.outer.end) [10,3170 62x302] + PaintableWithLines (BlockContainer
) [11,3419 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [19,1767 52x52] + PaintableWithLines (BlockContainer
) [11,3367 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [19,1715 52x52] + PaintableWithLines (BlockContainer
) [11,3315 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,2016 780x0] - PaintableBox (Box
.column.reverse.outer.flex-start) [10,2016 62x302] overflow: [11,2017 85.8125x300] - PaintableWithLines (BlockContainer
) [19,2265 52x52] overflow: [20,2266 76.8125x50] + PaintableWithLines (BlockContainer(anonymous)) [10,3472 780x0] + PaintableBox (Box
.column.reverse.outer.flex-end) [10,3472 62x302] overflow: [11,3473 62.765625x300] + PaintableWithLines (BlockContainer
) [11,3577 52x52] overflow: [12,3578 61.765625x50] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [19,2213 52x52] + PaintableWithLines (BlockContainer
) [11,3525 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [19,2161 52x52] + PaintableWithLines (BlockContainer
) [11,3473 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,2318 780x0] - PaintableBox (Box
.column.reverse.outer.end) [10,2318 62x302] - PaintableWithLines (BlockContainer
) [11,2567 52x52] + PaintableWithLines (BlockContainer(anonymous)) [10,3774 780x0] + PaintableBox (Box
.column.reverse.outer.left) [10,3774 62x302] + PaintableWithLines (BlockContainer
) [11,3879 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2515 52x52] + PaintableWithLines (BlockContainer
) [11,3827 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2463 52x52] + PaintableWithLines (BlockContainer
) [11,3775 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,2620 780x0] - PaintableBox (Box
.column.reverse.outer.flex-end) [10,2620 62x302] overflow: [11,2621 62.765625x300] - PaintableWithLines (BlockContainer
) [11,2725 52x52] overflow: [12,2726 61.765625x50] + PaintableWithLines (BlockContainer(anonymous)) [10,4076 780x0] + PaintableBox (Box
.column.reverse.outer.right) [10,4076 62x302] + PaintableWithLines (BlockContainer
) [11,4181 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2673 52x52] + PaintableWithLines (BlockContainer
) [11,4129 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer
) [11,2621 52x52] + PaintableWithLines (BlockContainer
) [11,4077 52x52] TextPaintable (TextNode<#text>) - PaintableWithLines (BlockContainer(anonymous)) [10,2922 780x0] + PaintableWithLines (BlockContainer(anonymous)) [10,4378 780x0] diff --git a/Tests/LibWeb/Layout/expected/grid/justify-content.txt b/Tests/LibWeb/Layout/expected/grid/justify-content.txt index e658f596c73994..c2490b505686ed 100644 --- a/Tests/LibWeb/Layout/expected/grid/justify-content.txt +++ b/Tests/LibWeb/Layout/expected/grid/justify-content.txt @@ -1,6 +1,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline - BlockContainer at (0,0) content-size 800x101 [BFC] children: not-inline - BlockContainer at (8,8) content-size 784x85 children: not-inline + BlockContainer at (0,0) content-size 800x135 [BFC] children: not-inline + BlockContainer at (8,8) content-size 784x119 children: not-inline Box at (8,8) content-size 784x17 [GFC] children: not-inline BlockContainer
at (8,8) content-size 392x17 [BFC] children: inline frag 0 from TextNode start: 0, length: 9, rect: [8,8 67.96875x17] baseline: 13.296875 @@ -54,10 +54,34 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline frag 0 from TextNode start: 0, length: 9, rect: [724.03125,76 67.96875x17] baseline: 13.296875 "wikipedia" TextNode <#text> + BlockContainer <(anonymous)> at (8,93) content-size 784x0 children: inline + TextNode <#text> + Box at (8,93) content-size 784x17 [GFC] children: not-inline + BlockContainer
at (8,93) content-size 67.96875x17 [BFC] children: inline + frag 0 from TextNode start: 0, length: 9, rect: [8,93 67.96875x17] baseline: 13.296875 + "wikipedia" + TextNode <#text> + BlockContainer
at (75.96875,93) content-size 67.96875x17 [BFC] children: inline + frag 0 from TextNode start: 0, length: 9, rect: [75.96875,93 67.96875x17] baseline: 13.296875 + "wikipedia" + TextNode <#text> + BlockContainer <(anonymous)> at (8,110) content-size 784x0 children: inline + TextNode <#text> + Box at (8,110) content-size 784x17 [GFC] children: not-inline + BlockContainer
at (656.0625,110) content-size 67.96875x17 [BFC] children: inline + frag 0 from TextNode start: 0, length: 9, rect: [656.0625,110 67.96875x17] baseline: 13.296875 + "wikipedia" + TextNode <#text> + BlockContainer
at (724.03125,110) content-size 67.96875x17 [BFC] children: inline + frag 0 from TextNode start: 0, length: 9, rect: [724.03125,110 67.96875x17] baseline: 13.296875 + "wikipedia" + TextNode <#text> + BlockContainer <(anonymous)> at (8,127) content-size 784x0 children: inline + TextNode <#text> ViewportPaintable (Viewport<#document>) [0,0 800x600] - PaintableWithLines (BlockContainer) [0,0 800x101] - PaintableWithLines (BlockContainer) [8,8 784x85] + PaintableWithLines (BlockContainer) [0,0 800x135] + PaintableWithLines (BlockContainer) [8,8 784x119] PaintableBox (Box
.container) [8,8 784x17] PaintableWithLines (BlockContainer
) [8,8 392x17] TextPaintable (TextNode<#text>) @@ -87,3 +111,16 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
) [724.03125,76 67.96875x17] TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [8,93 784x0] + PaintableBox (Box
.container) [8,93 784x17] + PaintableWithLines (BlockContainer
) [8,93 67.96875x17] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [75.96875,93 67.96875x17] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [8,110 784x0] + PaintableBox (Box
.container) [8,110 784x17] + PaintableWithLines (BlockContainer
) [656.0625,110 67.96875x17] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [724.03125,110 67.96875x17] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [8,127 784x0] diff --git a/Tests/LibWeb/Layout/expected/grid/justify-items.txt b/Tests/LibWeb/Layout/expected/grid/justify-items.txt index 3ff30cad30de50..f95ae837cf7fcf 100644 --- a/Tests/LibWeb/Layout/expected/grid/justify-items.txt +++ b/Tests/LibWeb/Layout/expected/grid/justify-items.txt @@ -1,6 +1,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline - BlockContainer at (1,1) content-size 798x81 [BFC] children: not-inline - BlockContainer at (10,10) content-size 780x63 children: not-inline + BlockContainer at (1,1) content-size 798x123 [BFC] children: not-inline + BlockContainer at (10,10) content-size 780x105 children: not-inline BlockContainer <(anonymous)> at (10,10) content-size 780x0 children: inline TextNode <#text> Box at (11,11) content-size 778x19 [GFC] children: not-inline @@ -22,10 +22,26 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline frag 0 from TextNode start: 0, length: 3, rect: [758.671875,54 29.328125x17] baseline: 13.296875 "End" TextNode <#text> + BlockContainer <(anonymous)> at (10,73) content-size 780x0 children: inline + TextNode <#text> + Box at (11,74) content-size 778x19 [GFC] children: not-inline + BlockContainer
at (12,75) content-size 32.875x17 [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [12,75 32.875x17] baseline: 13.296875 + "Left" + TextNode <#text> + BlockContainer <(anonymous)> at (10,94) content-size 780x0 children: inline + TextNode <#text> + Box at (11,95) content-size 778x19 [GFC] children: not-inline + BlockContainer
at (746.03125,96) content-size 41.96875x17 [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [746.03125,96 41.96875x17] baseline: 13.296875 + "Right" + TextNode <#text> + BlockContainer <(anonymous)> at (10,115) content-size 780x0 children: inline + TextNode <#text> ViewportPaintable (Viewport<#document>) [0,0 800x600] - PaintableWithLines (BlockContainer) [0,0 800x83] - PaintableWithLines (BlockContainer) [9,9 782x65] + PaintableWithLines (BlockContainer) [0,0 800x125] + PaintableWithLines (BlockContainer) [9,9 782x107] PaintableWithLines (BlockContainer(anonymous)) [10,10 780x0] PaintableBox (Box
.grid.start) [10,10 780x21] PaintableWithLines (BlockContainer
) [11,11 45.859375x19] @@ -38,3 +54,12 @@ ViewportPaintable (Viewport<#document>) [0,0 800x600] PaintableBox (Box
.grid.end) [10,52 780x21] PaintableWithLines (BlockContainer
) [757.671875,53 31.328125x19] TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,73 780x0] + PaintableBox (Box
.grid.left) [10,73 780x21] + PaintableWithLines (BlockContainer
) [11,74 34.875x19] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,94 780x0] + PaintableBox (Box
.grid.right) [10,94 780x21] + PaintableWithLines (BlockContainer
) [745.03125,95 43.96875x19] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer(anonymous)) [10,115 780x0] diff --git a/Tests/LibWeb/Layout/expected/grid/justify-self.txt b/Tests/LibWeb/Layout/expected/grid/justify-self.txt index 7089a34a028cd0..841054dbd3a556 100644 --- a/Tests/LibWeb/Layout/expected/grid/justify-self.txt +++ b/Tests/LibWeb/Layout/expected/grid/justify-self.txt @@ -1,6 +1,6 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline - BlockContainer at (1,1) content-size 798x75 [BFC] children: not-inline - Box at (10,10) content-size 780x57 [GFC] children: not-inline + BlockContainer at (1,1) content-size 798x113 [BFC] children: not-inline + Box at (10,10) content-size 780x95 [GFC] children: not-inline BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> BlockContainer
at (11,11) content-size 43.859375x17 [BFC] children: inline @@ -21,13 +21,29 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline TextNode <#text> BlockContainer <(anonymous)> (not painted) [BFC] children: inline TextNode <#text> + BlockContainer
at (11,68) content-size 32.875x17 [BFC] children: inline + frag 0 from TextNode start: 0, length: 4, rect: [11,68 32.875x17] baseline: 13.296875 + "Left" + TextNode <#text> + BlockContainer <(anonymous)> (not painted) [BFC] children: inline + TextNode <#text> + BlockContainer
at (747.03125,87) content-size 41.96875x17 [BFC] children: inline + frag 0 from TextNode start: 0, length: 5, rect: [747.03125,87 41.96875x17] baseline: 13.296875 + "Right" + TextNode <#text> + BlockContainer <(anonymous)> (not painted) [BFC] children: inline + TextNode <#text> ViewportPaintable (Viewport<#document>) [0,0 800x600] - PaintableWithLines (BlockContainer) [0,0 800x77] - PaintableBox (Box) [9,9 782x59] + PaintableWithLines (BlockContainer) [0,0 800x115] + PaintableBox (Box) [9,9 782x97] PaintableWithLines (BlockContainer
) [10,10 45.859375x19] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
) [372.46875,29 55.046875x19] TextPaintable (TextNode<#text>) PaintableWithLines (BlockContainer
) [758.671875,48 31.328125x19] TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [10,67 34.875x19] + TextPaintable (TextNode<#text>) + PaintableWithLines (BlockContainer
) [746.03125,86 43.96875x19] + TextPaintable (TextNode<#text>) diff --git a/Tests/LibWeb/Layout/input/flex/abspos-flex-child-static-position-with-justify-content.html b/Tests/LibWeb/Layout/input/flex/abspos-flex-child-static-position-with-justify-content.html index 9b2d63264eec30..ea5511cc6e53c3 100644 --- a/Tests/LibWeb/Layout/input/flex/abspos-flex-child-static-position-with-justify-content.html +++ b/Tests/LibWeb/Layout/input/flex/abspos-flex-child-static-position-with-justify-content.html @@ -1,6 +1,6 @@
Start
Center
-
End
\ No newline at end of file +
End
+
Left
+
Right
diff --git a/Tests/LibWeb/Layout/input/grid/justify-self.html b/Tests/LibWeb/Layout/input/grid/justify-self.html index 0de58dac13e426..9cecb278e3ba9a 100644 --- a/Tests/LibWeb/Layout/input/grid/justify-self.html +++ b/Tests/LibWeb/Layout/input/grid/justify-self.html @@ -12,4 +12,6 @@
Start
Center
End
+
Left
+
Right