d768ae25da
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>
39 lines
1.3 KiB
Plaintext
39 lines
1.3 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 246)
|
|
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, 230)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#12 tag=div box=block
|
|
content: (23, 23, 200, 100)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=66.70191
|
|
line[0]: rect=(23, 23, 66.70191, 19.2) fragments=1
|
|
frag[0]: rect=(23, 23, 66.70191, 16) text="content-box" start=false end=false
|
|
LayoutBox node=#13 tag=anonymous box=anon
|
|
content: (0, 0, 66.70191, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "content-box"
|
|
LayoutBox node=#15 tag=div box=block
|
|
content: (23, 153, 170, 70)
|
|
padding: 10 10 10 10
|
|
border: 5 5 5 5
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199997, max_width=62.214386
|
|
line[0]: rect=(23, 153, 62.214386, 19.2) fragments=1
|
|
frag[0]: rect=(23, 153, 62.21439, 16) text="border-box" start=false end=false
|
|
LayoutBox node=#16 tag=anonymous box=anon
|
|
content: (0, 0, 62.21439, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "border-box"
|