RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 10:27:36 +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

42
Tests/LibWeb/Layout/expected/table/basic.txt
View file

@ -1,31 +1,31 @@
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
BlockContainer <body> at (8,8) content-size 784x75.875 children: not-inline
TableWrapper <(anonymous)> at (8,8) content-size 0x0 [BFC] children: not-inline
Box <table#empty-table> at (8,8) content-size 0x0 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> at (8,8) content-size 784x0 children: inline
BlockContainer <body> at (8,8) content-size 784x85.875 children: not-inline
TableWrapper <(anonymous)> at (8,8) content-size 2x2 [BFC] children: not-inline
Box <table#empty-table> at (8,8) content-size 2x2 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> at (8,10) content-size 784x0 children: inline
TextNode <#text>
TextNode <#text>
TableWrapper <(anonymous)> at (8,8) content-size 95.171875x75.875 [BFC] children: not-inline
Box <table#full-table> at (8,25.46875) content-size 95.171875x58.40625 table-box [TFC] children: not-inline
TableWrapper <(anonymous)> at (8,10) content-size 99.171875x83.875 [BFC] children: not-inline
Box <table#full-table> at (8,27.46875) content-size 99.171875x66.40625 table-box [TFC] children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <caption> at (8,8) content-size 82.734375x17.46875 [BFC] children: inline
BlockContainer <caption> at (8,10) content-size 82.734375x17.46875 [BFC] children: inline
line 0 width: 82.734375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 1, length: 9, rect: [14,8 82.734375x17.46875]
frag 0 from TextNode start: 1, length: 9, rect: [16,10 82.734375x17.46875]
"A Caption"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <thead> at (8,8) content-size 95.171875x19.46875 table-header-group children: not-inline
Box <thead> at (8,10) content-size 95.171875x19.46875 table-header-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tr> at (8,25.46875) content-size 95.171875x19.46875 table-row children: not-inline
Box <tr> at (10,29.46875) content-size 95.171875x19.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (9,26.46875) content-size 93.171875x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (11,30.46875) content-size 93.171875x17.46875 table-cell [BFC] children: inline
line 0 width: 73.65625, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [9,26.46875 73.65625x17.46875]
frag 0 from TextNode start: 0, length: 9, rect: [11,30.46875 73.65625x17.46875]
"Head Cell"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
@ -34,15 +34,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tbody> at (8,27.46875) content-size 95.171875x19.46875 table-row-group children: not-inline
Box <tbody> at (8,29.46875) content-size 95.171875x19.46875 table-row-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tr> at (8,44.9375) content-size 95.171875x19.46875 table-row children: not-inline
Box <tr> at (10,48.9375) content-size 95.171875x19.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (9,45.9375) content-size 93.171875x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (11,51.9375) content-size 93.171875x17.46875 table-cell [BFC] children: inline
line 0 width: 70.234375, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 9, rect: [9,45.9375 70.234375x17.46875]
frag 0 from TextNode start: 0, length: 9, rect: [11,51.9375 70.234375x17.46875]
"Body Cell"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
@ -51,15 +51,15 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tfoot> at (8,46.9375) content-size 95.171875x19.46875 table-footer-group children: not-inline
Box <tfoot> at (8,48.9375) content-size 95.171875x19.46875 table-footer-group children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
Box <tr> at (8,64.40625) content-size 95.171875x19.46875 table-row children: not-inline
Box <tr> at (10,68.40625) content-size 95.171875x19.46875 table-row children: not-inline
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <td> at (9,65.40625) content-size 93.171875x17.46875 table-cell [BFC] children: inline
BlockContainer <td> at (11,73.40625) content-size 93.171875x17.46875 table-cell [BFC] children: inline
line 0 width: 93.171875, height: 17.46875, bottom: 17.46875, baseline: 13.53125
frag 0 from TextNode start: 0, length: 11, rect: [9,65.40625 93.171875x17.46875]
frag 0 from TextNode start: 0, length: 11, rect: [11,73.40625 93.171875x17.46875]
"Footer Cell"
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
@ -68,5 +68,5 @@ Viewport <#document> at (0,0) content-size 800x600 children: not-inline
TextNode <#text>
BlockContainer <(anonymous)> (not painted) children: inline
TextNode <#text>
BlockContainer <(anonymous)> at (8,83.875) content-size 784x0 children: inline
BlockContainer <(anonymous)> at (8,93.875) content-size 784x0 children: inline
TextNode <#text>