b9380a8a03
All checks were successful
ci / fast (linux) (push) Successful in 6m43s
The strut half-leading calculation in apply_vertical_align used the effective line height (inflated by tall inline-block elements like images) instead of the CSS computed line-height. For a line with a 76px image and CSS line-height: 15px, the strut got half_leading = (76 - font_height)/2 ≈ 30, inflating descent by ~30px. This caused floated containers to overflow their parents, leaking through shared BFC float contexts and displacing sibling floats. Fixes: pass CSS computed line-height separately for strut calculation; also pass parent font family/weight/style for accurate strut metrics. Adds float=left/right annotations to layout tree dumps for debugging. 32 WPT tests promoted from known_fail to pass. BMOW page sidebar moves from x=73 to x=829 (correct float:right), content from y=4375 to y=114. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
193 lines
7.3 KiB
Plaintext
193 lines
7.3 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 136)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#8 tag=body box=block
|
|
content: (8, 8, 800, 120)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#10 tag=div box=block
|
|
content: (8, 8, 800, 120)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 2 lines, height=120, max_width=791.38025
|
|
line[0]: rect=(8, 8, 791.38025, 60) fragments=7
|
|
frag[0]: rect=(8, 8, 110, 60) text=(none) start=false end=false
|
|
frag[1]: rect=(121.05433, 8, 110, 60) text=(none) start=false end=false
|
|
frag[2]: rect=(234.10866, 8, 110, 60) text=(none) start=false end=false
|
|
frag[3]: rect=(347.16296, 8, 110, 60) text=(none) start=false end=false
|
|
frag[4]: rect=(460.2173, 8, 110, 60) text=(none) start=false end=false
|
|
frag[5]: rect=(573.2716, 8, 110, 60) text=(none) start=false end=false
|
|
frag[6]: rect=(686.3259, 8, 110, 60) text=(none) start=false end=false
|
|
line[1]: rect=(8, 68, 113.05433, 60) fragments=1
|
|
frag[0]: rect=(8, 68, 110, 60) text=(none) start=false end=false
|
|
LayoutBox node=#11 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#12 tag=span box=inline-block
|
|
content: (13, 13, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=27.676945
|
|
line[0]: rect=(13, 13, 27.676945, 19.2) fragments=1
|
|
frag[0]: rect=(13, 14.6, 27.676945, 16) text="Box1" start=false end=false
|
|
LayoutBox node=#13 tag=anonymous box=anon
|
|
content: (0, 0, 27.676945, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box1"
|
|
LayoutBox node=#14 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#15 tag=span box=inline-block
|
|
content: (126.05433, 13, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=27.676945
|
|
line[0]: rect=(126.05433, 13, 27.676945, 19.2) fragments=1
|
|
frag[0]: rect=(126.05433, 14.6, 27.676945, 16) text="Box2" start=false end=false
|
|
LayoutBox node=#16 tag=anonymous box=anon
|
|
content: (113.05433, 0, 27.676945, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box2"
|
|
LayoutBox node=#17 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#18 tag=span box=inline-block
|
|
content: (239.10866, 13, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=27.676945
|
|
line[0]: rect=(239.10866, 13, 27.676945, 19.2) fragments=1
|
|
frag[0]: rect=(239.10866, 14.6, 27.676945, 16) text="Box3" start=false end=false
|
|
LayoutBox node=#19 tag=anonymous box=anon
|
|
content: (226.10866, 0, 27.676945, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box3"
|
|
LayoutBox node=#20 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#21 tag=span box=inline-block
|
|
content: (352.16296, 13, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=27.676945
|
|
line[0]: rect=(352.16296, 13, 27.676945, 19.2) fragments=1
|
|
frag[0]: rect=(352.16296, 14.6, 27.676945, 16) text="Box4" start=false end=false
|
|
LayoutBox node=#22 tag=anonymous box=anon
|
|
content: (339.16296, 0, 27.676945, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box4"
|
|
LayoutBox node=#23 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#24 tag=span box=inline-block
|
|
content: (465.2173, 13, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=27.676945
|
|
line[0]: rect=(465.2173, 13, 27.676945, 19.2) fragments=1
|
|
frag[0]: rect=(465.2173, 14.6, 27.676945, 16) text="Box5" start=false end=false
|
|
LayoutBox node=#25 tag=anonymous box=anon
|
|
content: (452.2173, 0, 27.676945, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box5"
|
|
LayoutBox node=#26 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#27 tag=span box=inline-block
|
|
content: (578.2716, 13, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=27.676945
|
|
line[0]: rect=(578.2716, 13, 27.676945, 19.2) fragments=1
|
|
frag[0]: rect=(578.2716, 14.6, 27.676945, 16) text="Box6" start=false end=false
|
|
LayoutBox node=#28 tag=anonymous box=anon
|
|
content: (565.2716, 0, 27.676945, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box6"
|
|
LayoutBox node=#29 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#30 tag=span box=inline-block
|
|
content: (691.3259, 13, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=27.676945
|
|
line[0]: rect=(691.3259, 13, 27.676945, 19.2) fragments=1
|
|
frag[0]: rect=(691.3259, 14.6, 27.676945, 16) text="Box7" start=false end=false
|
|
LayoutBox node=#31 tag=anonymous box=anon
|
|
content: (678.3259, 0, 27.676945, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box7"
|
|
LayoutBox node=#32 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|
|
LayoutBox node=#33 tag=span box=inline-block
|
|
content: (13, 73, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=27.676945
|
|
line[0]: rect=(13, 73, 27.676945, 19.2) fragments=1
|
|
frag[0]: rect=(13, 74.6, 27.676945, 16) text="Box8" start=false end=false
|
|
LayoutBox node=#34 tag=anonymous box=anon
|
|
content: (0, 60, 27.676945, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Box8"
|
|
LayoutBox node=#35 tag=anonymous box=anon
|
|
content: (0, 0, 3.0543318, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: " "
|