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>
61 lines
2.1 KiB
Plaintext
61 lines
2.1 KiB
Plaintext
LayoutBox node=#1 tag=html box=block
|
|
content: (0, 0, 800, 113.600006)
|
|
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, 89.600006)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#3 tag=ul box=block
|
|
content: (48, 24, 744, 57.600006)
|
|
padding: 0 0 0 40
|
|
border: 0 0 0 0
|
|
margin: 16 0 16 0
|
|
LayoutBox node=#5 tag=li box=block
|
|
content: (48, 24, 744, 19.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
marker: "•"
|
|
inline_context: 1 lines, height=19.2, max_width=31.612335
|
|
line[0]: rect=(48, 24, 31.612335, 19.2) fragments=1
|
|
frag[0]: rect=(48, 25.6, 31.612337, 16) text="Apple" start=false end=false
|
|
LayoutBox node=#6 tag=anonymous box=anon
|
|
content: (0, 0, 31.612337, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Apple"
|
|
LayoutBox node=#8 tag=li box=block
|
|
content: (48, 43.2, 744, 19.2)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
marker: "•"
|
|
inline_context: 1 lines, height=19.2, max_width=41.926575
|
|
line[0]: rect=(48, 43.2, 41.926575, 19.2) fragments=1
|
|
frag[0]: rect=(48, 44.800003, 41.92658, 16) text="Banana" start=false end=false
|
|
LayoutBox node=#9 tag=anonymous box=anon
|
|
content: (0, 0, 41.92658, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Banana"
|
|
LayoutBox node=#11 tag=li box=block
|
|
content: (48, 62.4, 744, 19.200005)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
marker: "•"
|
|
inline_context: 1 lines, height=19.200005, max_width=37.00441
|
|
line[0]: rect=(48, 62.4, 37.00441, 19.2) fragments=1
|
|
frag[0]: rect=(48, 64, 37.004406, 16) text="Cherry" start=false end=false
|
|
LayoutBox node=#12 tag=anonymous box=anon
|
|
content: (0, 0, 37.004406, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Cherry"
|