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

LibWeb: Add layout support for border spacing

Browse source 
When border-collapse is separate, border-spacing affects layout.
Implement most of that functionality.
This commit is contained in:
Andi Gallo 2023-06-16 02:48:56 +00:00 • committed by Andreas Kling
parent 396f1a977c
commit b69036970b
19 changed files with 949 additions and 259 deletions
Download patch file Download diff file Expand all files Collapse all files

62
Tests/LibWeb/Layout/expected/table/rowspan.txt
View file

@ -1,111 +1,111 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x93.875 [BFC] children: not-inline
BlockContainer <html> at (0,0) content-size 800x103.875 [BFC] children: not-inline
BlockContainer <(anonymous)> at (0,0) content-size 800x0 children: inline
TextNode <#text>
BlockContainer <body> at (8,8) content-size 784x77.875 children: not-inline
BlockContainer <body> at (8,8) content-size 784x87.875 children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
TextNode <#text>
TableWrapper <(anonymous)> at (8,8) content-size 221.359375x77.875 [BFC] children: not-inline
Box <table> at (8,8) content-size 221.359375x77.875 table-box [TFC] children: not-inline
TableWrapper <(anonymous)> at (8,8) content-size 229.359375x87.875 [BFC] children: not-inline
Box <table> at (8,8) content-size 229.359375x87.875 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tbody> at (8,8) content-size 221.359375x77.875 table-row-group children: not-inline
Box <tr> at (8,8) content-size 221.359375x19.46875 table-row children: not-inline
Box <tr> at (10,10) content-size 221.359375x19.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <th> at (9,9) content-size 70.046875x17.46875 table-cell [BFC] children: inline
BlockContainer <th> at (11,11) content-size 70.046875x17.46875 table-cell [BFC] children: inline
line 0 width: 70.046875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [9,9 70.046875x17.46875]
frag 0 from TextNode start: 0, length: 8, rect: [11,11 70.046875x17.46875]
"Header 1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <th> at (81.046875,9) content-size 72.515625x17.46875 table-cell [BFC] children: inline
BlockContainer <th> at (85.046875,11) content-size 72.515625x17.46875 table-cell [BFC] children: inline
line 0 width: 72.515625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [81.046875,9 72.515625x17.46875]
frag 0 from TextNode start: 0, length: 8, rect: [85.046875,11 72.515625x17.46875]
"Header 2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <th> at (155.5625,9) content-size 72.796875x17.46875 table-cell [BFC] children: inline
BlockContainer <th> at (161.5625,11) content-size 72.796875x17.46875 table-cell [BFC] children: inline
line 0 width: 72.796875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 8, rect: [155.5625,9 72.796875x17.46875]
frag 0 from TextNode start: 0, length: 8, rect: [161.5625,11 72.796875x17.46875]
"Header 3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tr> at (8,27.46875) content-size 221.359375x19.46875 table-row children: not-inline
Box <tr> at (10,29.46875) content-size 221.359375x19.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (9,38.203125) content-size 70.046875x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (11,43.203125) content-size 70.046875x17.46875 table-cell [BFC] children: inline
line 0 width: 49.609375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [9,38.203125 49.609375x17.46875]
frag 0 from TextNode start: 0, length: 5, rect: [11,43.203125 49.609375x17.46875]
"Row 1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (81.046875,28.46875) content-size 72.515625x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (85.046875,32.46875) content-size 72.515625x17.46875 table-cell [BFC] children: inline
line 0 width: 41.84375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [81.046875,28.46875 41.84375x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [85.046875,32.46875 41.84375x17.46875]
"Cell 1"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (155.5625,28.46875) content-size 72.796875x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (161.5625,32.46875) content-size 72.796875x17.46875 table-cell [BFC] children: inline
line 0 width: 44.3125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [155.5625,28.46875 44.3125x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [161.5625,32.46875 44.3125x17.46875]
"Cell 2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tr> at (8,46.9375) content-size 221.359375x19.46875 table-row children: not-inline
Box <tr> at (10,48.9375) content-size 221.359375x19.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (81.046875,47.9375) content-size 72.515625x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (85.046875,53.9375) content-size 72.515625x17.46875 table-cell [BFC] children: inline
line 0 width: 44.59375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [81.046875,47.9375 44.59375x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [85.046875,53.9375 44.59375x17.46875]
"Cell 3"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (155.5625,47.9375) content-size 72.796875x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (161.5625,53.9375) content-size 72.796875x17.46875 table-cell [BFC] children: inline
line 0 width: 43.25, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [155.5625,47.9375 43.25x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [161.5625,53.9375 43.25x17.46875]
"Cell 4"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tr> at (8,66.40625) content-size 221.359375x19.46875 table-row children: not-inline
Box <tr> at (10,68.40625) content-size 221.359375x19.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (9,67.40625) content-size 70.046875x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (11,75.40625) content-size 70.046875x17.46875 table-cell [BFC] children: inline
line 0 width: 52.078125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 5, rect: [9,67.40625 52.078125x17.46875]
frag 0 from TextNode start: 0, length: 5, rect: [11,75.40625 52.078125x17.46875]
"Row 2"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (81.046875,67.40625) content-size 72.515625x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (85.046875,75.40625) content-size 72.515625x17.46875 table-cell [BFC] children: inline
line 0 width: 43.953125, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [81.046875,67.40625 43.953125x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [85.046875,75.40625 43.953125x17.46875]
"Cell 5"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (155.5625,67.40625) content-size 72.796875x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (161.5625,75.40625) content-size 72.796875x17.46875 table-cell [BFC] children: inline
line 0 width: 44.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 6, rect: [155.5625,67.40625 44.234375x17.46875]
frag 0 from TextNode start: 0, length: 6, rect: [161.5625,75.40625 44.234375x17.46875]
"Cell 6"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,85.875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,95.875) content-size 784x0 children: inline
TextNode <#text>