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>
61 lines
2.8 KiB
Plaintext
61 lines
2.8 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 91.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, 75.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, 198, 73.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, 198, 69.600006)
|
|
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, 138.09103, 57.600006)
|
|
padding: 5 5 5 5
|
|
border: 1 1 1 1
|
|
margin: 0 0 0 0
|
|
inline_context: 3 lines, height=57.600002, max_width=128.55212
|
|
line[0]: rect=(17, 17, 124.29956, 19.2) fragments=6
|
|
frag[0]: rect=(17, 17, 22.449337, 16) text="This" start=false end=false
|
|
frag[1]: rect=(42.50367, 17, 8.657856, 16) text="is" start=false end=false
|
|
frag[2]: rect=(54.21586, 17, 6.590308, 16) text="a" start=false end=false
|
|
frag[3]: rect=(63.8605, 17, 24.622616, 16) text="long" start=false end=false
|
|
frag[4]: rect=(91.537445, 17, 21.321585, 16) text="text" start=false end=false
|
|
frag[5]: rect=(115.91336, 17, 22.331863, 16) text="that" start=false end=false
|
|
line[1]: rect=(17, 36.2, 128.55212, 19.2) fragments=4
|
|
frag[0]: rect=(17, 36.2, 37.509544, 16) text="should" start=false end=false
|
|
frag[1]: rect=(57.563877, 36.2, 27.900146, 16) text="wrap" start=false end=false
|
|
frag[2]: rect=(88.51835, 36.2, 32.798824, 16) text="inside" start=false end=false
|
|
frag[3]: rect=(124.3715, 36.2, 18.126286, 16) text="the" start=false end=false
|
|
line[2]: rect=(17, 55.4, 18.325989, 19.2) fragments=1
|
|
frag[0]: rect=(17, 55.4, 18.32599, 16) text="cell" start=false end=false
|
|
LayoutBox node=#17 tag=anonymous box=anon
|
|
content: (0, 17, 271.17767, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "This is a long text ..."
|
|
LayoutBox node=#19 tag=td box=table-cell
|
|
content: (169.09103, 17, 29.908958, 57.600006)
|
|
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.90895
|
|
line[0]: rect=(169.09103, 17, 29.90895, 19.2) fragments=1
|
|
frag[0]: rect=(169.09103, 17, 29.908957, 16) text="Short" start=false end=false
|
|
LayoutBox node=#20 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"
|