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>
72 lines
2.5 KiB
Plaintext
72 lines
2.5 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 316)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#10 tag=body box=block
|
|
content: (8, 8, 784, 300)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 8 8 8 8
|
|
LayoutBox node=#12 tag=div box=flex
|
|
content: (8, 8, 250, 300)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
LayoutBox node=#14 tag=div box=block
|
|
content: (13, 13, 100, 40)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=6.71953
|
|
line[0]: rect=(13, 13, 6.71953, 19.2) fragments=1
|
|
frag[0]: rect=(13, 13, 6.71953, 16) text="1" start=false end=false
|
|
LayoutBox node=#15 tag=anonymous box=anon
|
|
content: (0, 0, 6.71953, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "1"
|
|
LayoutBox node=#17 tag=div box=block
|
|
content: (123, 13, 100, 40)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=6.719528
|
|
line[0]: rect=(123, 13, 6.719528, 19.2) fragments=1
|
|
frag[0]: rect=(123, 13, 6.71953, 16) text="2" start=false end=false
|
|
LayoutBox node=#18 tag=anonymous box=anon
|
|
content: (0, 0, 6.71953, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "2"
|
|
LayoutBox node=#20 tag=div box=block
|
|
content: (13, 63, 100, 40)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.199997, max_width=6.71953
|
|
line[0]: rect=(13, 63, 6.71953, 19.2) fragments=1
|
|
frag[0]: rect=(13, 63, 6.71953, 16) text="3" start=false end=false
|
|
LayoutBox node=#21 tag=anonymous box=anon
|
|
content: (0, 0, 6.71953, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "3"
|
|
LayoutBox node=#23 tag=div box=block
|
|
content: (123, 63, 100, 40)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.199997, max_width=6.719528
|
|
line[0]: rect=(123, 63, 6.719528, 19.2) fragments=1
|
|
frag[0]: rect=(123, 63, 6.71953, 16) text="4" start=false end=false
|
|
LayoutBox node=#24 tag=anonymous box=anon
|
|
content: (0, 0, 6.71953, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "4"
|