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>
115 lines
4.4 KiB
Plaintext
115 lines
4.4 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 119.600006)
|
|
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, 103.600006)
|
|
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, 101.600006)
|
|
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=th box=table-cell
|
|
content: (17, 17, 435.36157, 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=35.05433
|
|
line[0]: rect=(17, 17, 35.05433, 19.2) fragments=1
|
|
frag[0]: rect=(17, 17, 35.05433, 16) text="Name" start=false end=false
|
|
LayoutBox node=#17 tag=anonymous box=anon
|
|
content: (0, 17, 35.05433, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Name"
|
|
LayoutBox node=#19 tag=th box=table-cell
|
|
content: (466.36157, 17, 316.63852, 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=22.566803
|
|
line[0]: rect=(466.36157, 17, 22.566803, 19.2) fragments=1
|
|
frag[0]: rect=(466.36157, 17, 22.566814, 16) text="Age" start=false end=false
|
|
LayoutBox node=#20 tag=anonymous box=anon
|
|
content: (0, 17, 22.566814, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Age"
|
|
LayoutBox node=#23 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=#25 tag=td box=table-cell
|
|
content: (17, 50.2, 435.36157, 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=25.8326
|
|
line[0]: rect=(17, 50.2, 25.8326, 19.2) fragments=1
|
|
frag[0]: rect=(17, 50.2, 25.8326, 16) text="Alice" start=false end=false
|
|
LayoutBox node=#26 tag=anonymous box=anon
|
|
content: (0, 50.2, 25.8326, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Alice"
|
|
LayoutBox node=#28 tag=td box=table-cell
|
|
content: (466.36157, 50.2, 316.63852, 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=13.439056
|
|
line[0]: rect=(466.36157, 50.2, 13.439056, 19.2) fragments=1
|
|
frag[0]: rect=(466.36157, 50.2, 13.43906, 16) text="30" start=false end=false
|
|
LayoutBox node=#29 tag=anonymous box=anon
|
|
content: (0, 50.2, 13.43906, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "30"
|
|
LayoutBox node=#32 tag=tr box=table-row
|
|
content: (9, 77.4, 782, 31.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#34 tag=td box=table-cell
|
|
content: (17, 83.4, 435.36157, 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=21.967693
|
|
line[0]: rect=(17, 83.4, 21.967693, 19.2) fragments=1
|
|
frag[0]: rect=(17, 83.4, 21.967693, 16) text="Bob" start=false end=false
|
|
LayoutBox node=#35 tag=anonymous box=anon
|
|
content: (0, 83.4, 21.967693, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Bob"
|
|
LayoutBox node=#37 tag=td box=table-cell
|
|
content: (466.36157, 83.4, 316.63852, 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=13.439056
|
|
line[0]: rect=(466.36157, 83.4, 13.439056, 19.2) fragments=1
|
|
frag[0]: rect=(466.36157, 83.4, 13.43906, 16) text="25" start=false end=false
|
|
LayoutBox node=#38 tag=anonymous box=anon
|
|
content: (0, 83.4, 13.43906, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "25"
|