Implement `direction` property (#906)
1<test name="multiline_column_max_height__content_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div display="flex" box-sizing="content-box" direction="ltr" flex-direction="column" flex-wrap="wrap" max-height="200px">
5 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
6 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
7 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
8 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
9 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
10 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
11 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
12 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
13 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
14 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
15 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
16 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
17 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
18 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
19 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
20 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
21 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
22 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
23 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
24 <div box-sizing="content-box" direction="ltr" flex-shrink="0" width="40px" height="20px"/>
25 </div>
26 </input>
27 <expectations>
28 <node x="0" y="0" width="80" height="200">
29 <node x="0" y="0" width="40" height="20"/>
30 <node x="0" y="20" width="40" height="20"/>
31 <node x="0" y="40" width="40" height="20"/>
32 <node x="0" y="60" width="40" height="20"/>
33 <node x="0" y="80" width="40" height="20"/>
34 <node x="0" y="100" width="40" height="20"/>
35 <node x="0" y="120" width="40" height="20"/>
36 <node x="0" y="140" width="40" height="20"/>
37 <node x="0" y="160" width="40" height="20"/>
38 <node x="0" y="180" width="40" height="20"/>
39 <node x="40" y="0" width="40" height="20"/>
40 <node x="40" y="20" width="40" height="20"/>
41 <node x="40" y="40" width="40" height="20"/>
42 <node x="40" y="60" width="40" height="20"/>
43 <node x="40" y="80" width="40" height="20"/>
44 <node x="40" y="100" width="40" height="20"/>
45 <node x="40" y="120" width="40" height="20"/>
46 <node x="40" y="140" width="40" height="20"/>
47 <node x="40" y="160" width="40" height="20"/>
48 <node x="40" y="180" width="40" height="20"/>
49 </node>
50 </expectations>
51</test>