137a89403b
Two grid placement bugs: 1. Items with explicit column but auto row (e.g. `grid-column: 2`) were hardcoded to row 0 by merge_placements, causing overlap with earlier rows. Now only fully-specified placements skip auto-placement, and Phase 2 respects explicit column/row constraints. 2. Negative grid line numbers were off-by-one. CSS Grid has N+1 lines for N tracks, so line -1 should resolve to index N (after the last track), not N-1. This caused `grid-column: 1 / -1` to span N-1 columns instead of all N, producing asymmetric gutters. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
55 lines
2.0 KiB
Plaintext
55 lines
2.0 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 100)
|
|
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, 100)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#12 tag=div box=block
|
|
content: (0, 0, 300, 40)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=40.622612
|
|
line[0]: rect=(0, 0, 40.622612, 19.2) fragments=1
|
|
frag[0]: rect=(0, 0, 40.622612, 16) text="Header" start=false end=false
|
|
LayoutBox node=#13 tag=anonymous box=anon
|
|
content: (0, 0, 40.622612, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Header"
|
|
LayoutBox node=#15 tag=div box=block
|
|
content: (50, 40, 200, 30)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.2, max_width=54.71952
|
|
line[0]: rect=(50, 40, 54.71952, 19.2) fragments=2
|
|
frag[0]: rect=(50, 40, 44.15859, 16) text="Content" start=false end=false
|
|
frag[1]: rect=(97.21291, 40, 7.506608, 16) text="A" start=false end=false
|
|
LayoutBox node=#16 tag=anonymous box=anon
|
|
content: (0, 0, 54.71953, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Content A"
|
|
LayoutBox node=#18 tag=div box=block
|
|
content: (50, 70, 200, 30)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199997, max_width=54.84874
|
|
line[0]: rect=(50, 70, 54.84874, 19.2) fragments=2
|
|
frag[0]: rect=(50, 70, 44.15859, 16) text="Content" start=false end=false
|
|
frag[1]: rect=(97.21291, 70, 7.6358294, 16) text="B" start=false end=false
|
|
LayoutBox node=#19 tag=anonymous box=anon
|
|
content: (0, 0, 54.84875, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Content B"
|