Add box-sizing support across the rendering pipeline so that width/height can refer to either the content-box (default) or the border-box (content + padding + border). This is one of the most commonly used CSS properties and is required by virtually every modern CSS reset. The implementation adjusts width/height resolution in block, flex, grid, and table layout engines, and defaults tables to border-box in the UA stylesheet to match Chrome/Firefox/Safari behavior. Five previously-failing WPT tests now pass and are promoted in the manifest. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
110 lines
4.2 KiB
Plaintext
110 lines
4.2 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, 398, 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, 398, 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, 122.55826, 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, 17, 7.506607, 19.2) fragments=1
|
|
frag[0]: rect=(17, 17, 7.506608, 16) text="A" start=false end=false
|
|
LayoutBox node=#17 tag=anonymous box=anon
|
|
content: (0, 17, 7.506608, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "A"
|
|
LayoutBox node=#19 tag=td box=table-cell
|
|
content: (153.55826, 17, 116.41229, 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=(153.55826, 17, 7.6358337, 19.2) fragments=1
|
|
frag[0]: rect=(153.55826, 17, 7.6358294, 16) text="B" start=false end=false
|
|
LayoutBox node=#20 tag=anonymous box=anon
|
|
content: (0, 17, 7.6358294, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "B"
|
|
LayoutBox node=#22 tag=td box=table-cell
|
|
content: (283.97055, 17, 115.02945, 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=(283.97055, 17, 7.4243774, 19.2) fragments=1
|
|
frag[0]: rect=(283.97055, 17, 7.424376, 16) text="C" start=false end=false
|
|
LayoutBox node=#23 tag=anonymous box=anon
|
|
content: (0, 17, 7.424376, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "C"
|
|
LayoutBox node=#26 tag=tr box=table-row
|
|
content: (9, 44.2, 398, 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, 122.55826, 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=8.575623
|
|
line[0]: rect=(17, 50.2, 8.575623, 19.2) fragments=1
|
|
frag[0]: rect=(17, 50.2, 8.5756235, 16) text="D" start=false end=false
|
|
LayoutBox node=#29 tag=anonymous box=anon
|
|
content: (0, 50.2, 8.5756235, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "D"
|
|
LayoutBox node=#31 tag=td box=table-cell
|
|
content: (153.55826, 50.2, 116.41229, 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=6.5315704
|
|
line[0]: rect=(153.55826, 50.2, 6.5315704, 19.2) fragments=1
|
|
frag[0]: rect=(153.55826, 50.2, 6.531571, 16) text="E" start=false end=false
|
|
LayoutBox node=#32 tag=anonymous box=anon
|
|
content: (0, 50.2, 6.531571, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "E"
|
|
LayoutBox node=#34 tag=td box=table-cell
|
|
content: (283.97055, 50.2, 115.02945, 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=6.096924
|
|
line[0]: rect=(283.97055, 50.2, 6.096924, 19.2) fragments=1
|
|
frag[0]: rect=(283.97055, 50.2, 6.096916, 16) text="F" start=false end=false
|
|
LayoutBox node=#35 tag=anonymous box=anon
|
|
content: (0, 50.2, 6.096916, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "F"
|