20e241bd03
All checks were successful
ci / fast (linux) (push) Successful in 6m52s
Self-collapsing elements (zero height, no padding/border, no BFC, no line boxes) now have their top and bottom margins collapse together, and child margins propagate through parents with auto height and no bottom padding/border. This replaces the pairwise collapse_margins() function with a MarginSet accumulator that tracks max positive and min negative margins separately, correctly resolving chains of 4+ margins. Key changes: - Add is_self_collapsing() post-layout predicate and gather_all_margins() - Add gather_margin_bottom() for bottom margin propagation with a guard against propagation when max-height constrains the parent - Replace prev_margin_bottom with MarginSet-based pending_margins in the sibling layout loop - Handle clearance + self-collapsing interaction correctly Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
87 lines
3.6 KiB
Plaintext
87 lines
3.6 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 180.8)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#2 tag=body box=block
|
|
content: (8, 8, 784, 156.8)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#4 tag=p box=block
|
|
content: (8, 24, 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=83.62995
|
|
line[0]: rect=(8, 24, 83.62995, 19.2) fragments=4
|
|
frag[0]: rect=(8, 25.6, 25.762115, 16) text="Italic" start=true end=false
|
|
frag[1]: rect=(36.81645, 25.6, 15.189426, 16) text="via" start=false end=false
|
|
frag[2]: rect=(55.060207, 25.6, 16.140968, 16) text="em" start=false end=false
|
|
frag[3]: rect=(74.2555, 25.6, 17.374449, 16) text="tag" start=false end=true
|
|
LayoutBox node=#5 tag=em box=inline
|
|
content: (0, 0, 0, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#6 tag=anonymous box=anon
|
|
content: (0, 0, 83.62996, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Italic via em tag"
|
|
LayoutBox node=#8 tag=p box=block
|
|
content: (8, 59.2, 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=70.51983
|
|
line[0]: rect=(8, 59.2, 70.51983, 19.2) fragments=4
|
|
frag[0]: rect=(8, 60.800003, 25.762115, 16) text="Italic" start=true end=false
|
|
frag[1]: rect=(36.81645, 60.800003, 15.189426, 16) text="via" start=false end=false
|
|
frag[2]: rect=(55.060207, 60.800003, 3.030837, 16) text="i" start=false end=false
|
|
frag[3]: rect=(61.14538, 60.800003, 17.374449, 16) text="tag" start=false end=true
|
|
LayoutBox node=#9 tag=i box=inline
|
|
content: (0, 0, 0, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#10 tag=anonymous box=anon
|
|
content: (0, 0, 70.51983, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Italic via i tag"
|
|
LayoutBox node=#12 tag=p box=block
|
|
content: (8, 94.4, 784, 19.200005)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 16 0 16 0
|
|
inline_context: 1 lines, height=19.200005, max_width=65.820854
|
|
line[0]: rect=(8, 94.4, 65.820854, 19.2) fragments=3
|
|
frag[0]: rect=(8, 96, 25.762115, 16) text="Italic" start=false end=false
|
|
frag[1]: rect=(36.81645, 96, 15.189426, 16) text="via" start=false end=false
|
|
frag[2]: rect=(55.060207, 96, 18.760647, 16) text="CSS" start=false end=false
|
|
LayoutBox node=#13 tag=anonymous box=anon
|
|
content: (0, 0, 65.820854, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Italic via CSS"
|
|
LayoutBox node=#15 tag=p box=block
|
|
content: (8, 129.6, 784, 19.199997)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 16 0 16 0
|
|
inline_context: 1 lines, height=19.199997, max_width=94.43759
|
|
line[0]: rect=(8, 129.6, 94.43759, 19.2) fragments=3
|
|
frag[0]: rect=(8, 131.20001, 41.491924, 16) text="Normal" start=false end=false
|
|
frag[1]: rect=(52.546257, 131.20001, 25.51542, 16) text="style" start=false end=false
|
|
frag[2]: rect=(81.116005, 131.20001, 21.321585, 16) text="text" start=false end=false
|
|
LayoutBox node=#16 tag=anonymous box=anon
|
|
content: (0, 0, 94.43759, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Normal style text"
|