1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-28 09:47:34 +00:00

LibWeb: Add layout support for border spacing

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

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>