6ac27a96a0
Add comprehensive flexbox support across 8 areas: - flex/flex-flow shorthand parsing from raw CssToken kinds - justify-content: space-around/space-evenly, align-items: baseline - flex-direction: row-reverse/column-reverse with justify swap - align-self per-item cross-axis override - flex-wrap multi-line layout with line partitioning and packing - align-content with all 7 distribution strategies - display: inline-flex with proper formatting context handling - order property with stable sort and integer-only validation Rewrites the flex layout algorithm to support multi-line containers, reverse directions, per-item alignment, and all content distribution modes. Promotes 36 WPT tests to pass and demotes 25 false passes exposed by correct gap handling. 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.28)
|
|
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.28)
|
|
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.28)
|
|
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, 31.44, 57.538914, 32) text="Page" start=false end=false
|
|
frag[1]: rect=(73.647575, 31.44, 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.28, 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.28, 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.28, 33.421436, 20)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199997, max_width=33.421436
|
|
line[0]: rect=(10, 91.28, 33.421436, 19.2) fragments=1
|
|
frag[0]: rect=(10, 91.28, 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.28, 33.339207, 20)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199997, max_width=33.339207
|
|
line[0]: rect=(53.421436, 91.28, 33.339207, 19.2) fragments=1
|
|
frag[0]: rect=(53.421436, 91.28, 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.28, 42.502205, 20)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
inline_context: 1 lines, height=19.199997, max_width=42.502205
|
|
line[0]: rect=(96.76064, 91.28, 42.502205, 19.2) fragments=1
|
|
frag[0]: rect=(96.76064, 91.28, 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"
|