Tables with <caption> elements were invisible because normalize_children treated TableRowGroup/TableRow/TableCell as inline-level, causing them to be wrapped in anonymous blocks when mixed with the caption (Block). The table layout algorithm then couldn't find row groups among direct children. Three fixes: - Add table-internal types to is_block_level in normalize_children and determine_formatting_context so they aren't incorrectly wrapped - Add table-internal types to render_non_inline_descendants in the display list builder so they render when nested in inline contexts - Implement caption layout in calculate_table_layout: captions are laid out as blocks above the table rows, with rows offset accordingly - Add text-align: center to caption in UA stylesheet per CSS spec Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
114 lines
4.6 KiB
Plaintext
114 lines
4.6 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 86.4)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#10 tag=body box=block
|
|
content: (8, 8, 784, 70.4)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#12 tag=table box=table
|
|
content: (9, 9, 782, 68.4)
|
|
padding: 0 0 0 0
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#14 tag=tr box=table-row
|
|
content: (9, 11, 782, 31.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#16 tag=td box=table-cell
|
|
content: (17, 17, 126.335464, 19.2)
|
|
padding: 5 5 5 5
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=29.908958
|
|
line[0]: rect=(17, 17, 29.908958, 19.2) fragments=1
|
|
frag[0]: rect=(17, 17, 29.908957, 16) text="Short" start=false end=false
|
|
LayoutBox node=#17 tag=anonymous box=anon
|
|
content: (0, 17, 29.908957, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Short"
|
|
LayoutBox node=#19 tag=td box=table-cell
|
|
content: (157.33546, 17, 515.0319, 19.2)
|
|
padding: 5 5 5 5
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=147.6652
|
|
line[0]: rect=(157.33546, 17, 147.6652, 19.2) fragments=5
|
|
frag[0]: rect=(157.33546, 17, 7.506608, 16) text="A" start=false end=false
|
|
frag[1]: rect=(167.89641, 17, 31.142439, 16) text="much" start=false end=false
|
|
frag[2]: rect=(202.09319, 17, 36.099854, 16) text="longer" start=false end=false
|
|
frag[3]: rect=(241.24738, 17, 18.32599, 16) text="cell" start=false end=false
|
|
frag[4]: rect=(262.6277, 17, 42.372982, 16) text="content" start=false end=false
|
|
LayoutBox node=#20 tag=anonymous box=anon
|
|
content: (0, 17, 147.66519, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "A much longer cell c..."
|
|
LayoutBox node=#22 tag=td box=table-cell
|
|
content: (686.3674, 17, 96.63259, 19.2)
|
|
padding: 5 5 5 5
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=20.9104
|
|
line[0]: rect=(686.3674, 17, 20.9104, 19.2) fragments=1
|
|
frag[0]: rect=(686.3674, 17, 20.910425, 16) text="Mid" start=false end=false
|
|
LayoutBox node=#23 tag=anonymous box=anon
|
|
content: (0, 17, 20.910425, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Mid"
|
|
LayoutBox node=#26 tag=tr box=table-row
|
|
content: (9, 44.2, 782, 31.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#28 tag=td box=table-cell
|
|
content: (17, 50.2, 126.335464, 19.2)
|
|
padding: 5 5 5 5
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=7.506607
|
|
line[0]: rect=(17, 50.2, 7.506607, 19.2) fragments=1
|
|
frag[0]: rect=(17, 50.2, 7.506608, 16) text="A" start=false end=false
|
|
LayoutBox node=#29 tag=anonymous box=anon
|
|
content: (0, 50.2, 7.506608, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "A"
|
|
LayoutBox node=#31 tag=td box=table-cell
|
|
content: (157.33546, 50.2, 515.0319, 19.2)
|
|
padding: 5 5 5 5
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=7.6358337
|
|
line[0]: rect=(157.33546, 50.2, 7.6358337, 19.2) fragments=1
|
|
frag[0]: rect=(157.33546, 50.2, 7.6358294, 16) text="B" start=false end=false
|
|
LayoutBox node=#32 tag=anonymous box=anon
|
|
content: (0, 50.2, 7.6358294, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "B"
|
|
LayoutBox node=#34 tag=td box=table-cell
|
|
content: (686.3674, 50.2, 96.63259, 19.2)
|
|
padding: 5 5 5 5
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=7.4243774
|
|
line[0]: rect=(686.3674, 50.2, 7.4243774, 19.2) fragments=1
|
|
frag[0]: rect=(686.3674, 50.2, 7.424376, 16) text="C" start=false end=false
|
|
LayoutBox node=#35 tag=anonymous box=anon
|
|
content: (0, 50.2, 7.424376, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "C"
|