9023b8c9d1
Fixes: - Strip UTF-8 BOM from HTML input (was breaking 21+ XHTML-based tests) - Filter whitespace-only anonymous nodes from flex items (CSS Flexbox §4) - Blockify inline/inline-block flex items to block (CSS Flexbox §4) - Compute hypothetical main sizes (clamped by min/max) for flex line partitioning - Fix cross-axis margin/border/padding direction (was using horizontal instead of vertical for row flex, and vice versa for column flex) - Include item border/padding/margin in flex free-space calculation (§9.7) - Fix wrap-reverse to correctly mirror line offsets (was double-reversing) - Implement auto margins on flex items (§8.1): main-axis auto margins absorb free space and supersede justify-content; cross-axis auto margins override align-self - Suppress whitespace-only anonymous flex children in display list (visibility) - Add CSS logical property parsing: map margin-inline-start → margin-left etc. (LTR-only), including shorthand support for margin-inline, padding-block, etc. WPT results: 1,326 pass (+17 net), 1,587 known_fail (-17 net) 37 tests promoted, 20 false passes demoted (margin-trim tests exposed by logical property support) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
61 lines
2.3 KiB
Plaintext
61 lines
2.3 KiB
Plaintext
LayoutBox node=#2 tag=html box=block
|
|
content: (0, 0, 800, 76)
|
|
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, 60)
|
|
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, 400, 60)
|
|
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, 92.5, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=31.741554
|
|
line[0]: rect=(13, 13, 31.741554, 19.2) fragments=2
|
|
frag[0]: rect=(13, 14.6, 21.967693, 16) text="Flex" start=false end=false
|
|
frag[1]: rect=(38.022026, 14.6, 6.71953, 16) text="1" start=false end=false
|
|
LayoutBox node=#15 tag=anonymous box=anon
|
|
content: (0, 0, 31.741556, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Flex 1"
|
|
LayoutBox node=#17 tag=div box=block
|
|
content: (115.5, 13, 185, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=31.741562
|
|
line[0]: rect=(115.5, 13, 31.741562, 19.2) fragments=2
|
|
frag[0]: rect=(115.5, 14.6, 21.967693, 16) text="Flex" start=false end=false
|
|
frag[1]: rect=(140.52203, 14.6, 6.71953, 16) text="2" start=false end=false
|
|
LayoutBox node=#18 tag=anonymous box=anon
|
|
content: (0, 0, 31.741556, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Flex 2"
|
|
LayoutBox node=#20 tag=div box=block
|
|
content: (310.5, 13, 92.5, 50)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 5 5 5 5
|
|
inline_context: 1 lines, height=19.2, max_width=31.741547
|
|
line[0]: rect=(310.5, 13, 31.741547, 19.2) fragments=2
|
|
frag[0]: rect=(310.5, 14.6, 21.967693, 16) text="Flex" start=false end=false
|
|
frag[1]: rect=(335.522, 14.6, 6.71953, 16) text="1" start=false end=false
|
|
LayoutBox node=#21 tag=anonymous box=anon
|
|
content: (0, 0, 31.741556, 16)
|
|
padding: 0 0 0 0
|
|
border: 0 0 0 0
|
|
margin: 0 0 0 0
|
|
text: "Flex 1"
|