Files
rust_browser/tests/goldens/expected/160-flex-direction-reverse.layout.txt
Zachary D. Rowitsch 9023b8c9d1 Fix 7 flexbox layout bugs, add CSS logical properties, promote 37 WPT tests
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>
2026-02-26 12:47:05 -05:00

58 lines
2.0 KiB
Plaintext

LayoutBox node=#2 tag=html box=block
content: (0, 0, 800, 66)
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, 50)
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, 300, 50)
padding: 0 0 0 0
border: 0 0 0 0
margin: 0 0 0 0
LayoutBox node=#14 tag=div box=block
content: (243, 13, 60, 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=23.84729
line[0]: rect=(243, 13, 23.84729, 19.2) fragments=1
frag[0]: rect=(243, 14.6, 23.847282, 16) text="First" start=false end=false
LayoutBox node=#15 tag=anonymous box=anon
content: (0, 0, 23.847282, 16)
padding: 0 0 0 0
border: 0 0 0 0
margin: 0 0 0 0
text: "First"
LayoutBox node=#17 tag=div box=block
content: (173, 13, 60, 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=40.305435
line[0]: rect=(173, 13, 40.305435, 19.2) fragments=1
frag[0]: rect=(173, 14.6, 40.305435, 16) text="Second" start=false end=false
LayoutBox node=#18 tag=anonymous box=anon
content: (0, 0, 40.305435, 16)
padding: 0 0 0 0
border: 0 0 0 0
margin: 0 0 0 0
text: "Second"
LayoutBox node=#20 tag=div box=block
content: (103, 13, 60, 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=28.898682
line[0]: rect=(103, 13, 28.898682, 19.2) fragments=1
frag[0]: rect=(103, 14.6, 28.898678, 16) text="Third" start=false end=false
LayoutBox node=#21 tag=anonymous box=anon
content: (0, 0, 28.898678, 16)
padding: 0 0 0 0
border: 0 0 0 0
margin: 0 0 0 0
text: "Third"