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>
47 lines
2.1 KiB
Plaintext
47 lines
2.1 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 75.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#9 tag=body box=block
|
|
content: (8, 8, 784, 51.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#11 tag=div box=block
|
|
content: (8, 8, 150, 60)
|
|
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=#13 tag=div box=block
|
|
content: (642, 8, 150, 60)
|
|
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=#15 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=330.0205
|
|
line[0]: rect=(158, 24, 330.0205, 19.2) fragments=11
|
|
frag[0]: rect=(158, 25.6, 23.612333, 16) text="Text" start=false end=false
|
|
frag[1]: rect=(184.66667, 25.6, 47.835533, 16) text="between" start=false end=false
|
|
frag[2]: rect=(235.55653, 25.6, 17.938326, 16) text="left" start=false end=false
|
|
frag[3]: rect=(256.5492, 25.6, 21.07489, 16) text="and" start=false end=false
|
|
frag[4]: rect=(280.6784, 25.6, 26.60793, 16) text="right" start=false end=false
|
|
frag[5]: rect=(310.34067, 25.6, 30.637295, 16) text="floats" start=false end=false
|
|
frag[6]: rect=(344.0323, 25.6, 33.527164, 16) text="wraps" start=false end=false
|
|
frag[7]: rect=(380.61377, 25.6, 10.290749, 16) text="in" start=false end=false
|
|
frag[8]: rect=(393.95883, 25.6, 18.126286, 16) text="the" start=false end=false
|
|
frag[9]: rect=(415.13943, 25.6, 38.12041, 16) text="middle" start=false end=false
|
|
frag[10]: rect=(456.31418, 25.6, 31.706316, 16) text="space" start=false end=false
|
|
LayoutBox node=#16 tag=anonymous box=anon
|
|
content: (0, 0, 330.02054, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Text between left an..."
|