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>
50 lines
2.0 KiB
Plaintext
50 lines
2.0 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 88)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#8 tag=body box=block
|
|
content: (8, 16, 784, 35.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#10 tag=div box=block float=left
|
|
content: (8, 16, 100, 40)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 0 lines, height=0, max_width=0
|
|
LayoutBox node=#12 tag=div box=block float=left
|
|
content: (108, 16, 100, 80)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 0 lines, height=0, max_width=0
|
|
LayoutBox node=#14 tag=div box=block float=left
|
|
content: (208, 16, 100, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 0 lines, height=0, max_width=0
|
|
LayoutBox node=#16 tag=p box=block
|
|
content: (8, 16, 784, 19.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 16 0 16 0
|
|
inline_context: 1 lines, height=19.2, max_width=290.74884
|
|
line[0]: rect=(308, 16, 290.74884, 19.2) fragments=8
|
|
frag[0]: rect=(308, 17.6, 23.612333, 16) text="Text" start=false end=false
|
|
frag[1]: rect=(334.66666, 17.6, 29.039646, 16) text="flows" start=false end=false
|
|
frag[2]: rect=(366.76062, 17.6, 40.293686, 16) text="around" start=false end=false
|
|
frag[3]: rect=(410.10864, 17.6, 45.427315, 16) text="multiple" start=false end=false
|
|
frag[4]: rect=(458.59027, 17.6, 30.637295, 16) text="floats" start=false end=false
|
|
frag[5]: rect=(492.2819, 17.6, 11.148312, 16) text="of" start=false end=false
|
|
frag[6]: rect=(506.48453, 17.6, 47.94126, 16) text="different" start=false end=false
|
|
frag[7]: rect=(557.4801, 17.6, 41.268723, 16) text="heights" start=false end=false
|
|
LayoutBox node=#17 tag=anonymous box=anon
|
|
content: (0, -8, 290.7489, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Text flows around mu..."
|