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>
98 lines
3.8 KiB
Plaintext
98 lines
3.8 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 121.28001)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#10 tag=body box=grid
|
|
content: (0, 0, 800, 121.28001)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#12 tag=header box=block
|
|
content: (10, 10, 780, 101.28001)
|
|
padding: 10 10 10 10
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#14 tag=h1 box=block
|
|
content: (10, 31.44, 780, 38.4)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 21.44 0 21.44 0
|
|
inline_context: 1 lines, height=38.4, max_width=115.45374
|
|
line[0]: rect=(10, 31.44, 115.45374, 38.4) fragments=2
|
|
frag[0]: rect=(10, 34.64, 57.538914, 32) text="Page" start=false end=false
|
|
frag[1]: rect=(73.647575, 34.64, 51.806168, 32) text="Title" start=false end=false
|
|
LayoutBox node=#15 tag=anonymous box=anon
|
|
content: (0, 0, 115.453735, 32)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Page Title"
|
|
LayoutBox node=#17 tag=nav box=block
|
|
content: (10, 91.28001, 780, 20)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#19 tag=ul box=flex
|
|
content: (10, 91.28001, 780, 20)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#21 tag=li box=block
|
|
content: (10, 91.28001, 33.421436, 20)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200005, max_width=33.421436
|
|
line[0]: rect=(10, 91.28001, 33.421436, 19.2) fragments=1
|
|
frag[0]: rect=(10, 92.880005, 33.421436, 16) text="Home" start=true end=true
|
|
LayoutBox node=#22 tag=a box=inline
|
|
content: (0, 0, 0, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#23 tag=anonymous box=anon
|
|
content: (0, 0, 33.421436, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Home"
|
|
LayoutBox node=#25 tag=li box=block
|
|
content: (53.421436, 91.28001, 33.339207, 20)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200005, max_width=33.339207
|
|
line[0]: rect=(53.421436, 91.28001, 33.339207, 19.2) fragments=1
|
|
frag[0]: rect=(53.421436, 92.880005, 33.339207, 16) text="About" start=true end=true
|
|
LayoutBox node=#26 tag=a box=inline
|
|
content: (0, 0, 0, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#27 tag=anonymous box=anon
|
|
content: (0, 0, 33.339207, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "About"
|
|
LayoutBox node=#29 tag=li box=block
|
|
content: (96.76064, 91.28001, 42.502205, 20)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.200005, max_width=42.502205
|
|
line[0]: rect=(96.76064, 91.28001, 42.502205, 19.2) fragments=1
|
|
frag[0]: rect=(96.76064, 92.880005, 42.5022, 16) text="Contact" start=true end=true
|
|
LayoutBox node=#30 tag=a box=inline
|
|
content: (0, 0, 0, 0)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#31 tag=anonymous box=anon
|
|
content: (0, 0, 42.5022, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Contact"
|