Implement `direction` property (#906)
1<test name="grid_absolute_resolved_insets__content_box_ltr" use-rounding="true">
2 <viewport width="max-content" height="max-content"/>
3 <input>
4 <div box-sizing="content-box" direction="ltr">
5 <div display="grid" box-sizing="content-box" direction="ltr" width="200px" height="200px" padding-top="15px" padding-left="15px" padding-bottom="15px" padding-right="15px" border-top="20px" border-left="20px" border-bottom="20px" border-right="20px">
6 <div box-sizing="content-box" direction="ltr" position="absolute" top="auto" left="auto"/>
7 <div box-sizing="content-box" direction="ltr" position="absolute" top="0px" left="0px"/>
8 <div box-sizing="content-box" direction="ltr" position="absolute" top="100%" left="100%"/>
9 <div box-sizing="content-box" direction="ltr" position="absolute" bottom="100%" right="100%"/>
10 <div box-sizing="content-box" direction="ltr" position="absolute" top="30px" left="30px"/>
11 <div box-sizing="content-box" direction="ltr" position="absolute" width="100%" height="100%" top="0px" left="0px"/>
12 </div>
13 <div display="grid" box-sizing="content-box" direction="ltr" overflow-x="scroll" overflow-y="scroll" scrollbar-width="15" width="200px" height="200px" padding-top="15px" padding-left="15px" padding-bottom="15px" padding-right="15px" border-top="20px" border-left="20px" border-bottom="20px" border-right="20px">
14 <div box-sizing="content-box" direction="ltr" position="absolute" top="auto" left="auto"/>
15 <div box-sizing="content-box" direction="ltr" position="absolute" top="0px" left="0px"/>
16 <div box-sizing="content-box" direction="ltr" position="absolute" top="100%" left="100%"/>
17 <div box-sizing="content-box" direction="ltr" position="absolute" bottom="100%" right="100%"/>
18 <div box-sizing="content-box" direction="ltr" position="absolute" top="30px" left="30px"/>
19 <div box-sizing="content-box" direction="ltr" position="absolute" width="100%" height="100%" top="0px" left="0px"/>
20 </div>
21 </div>
22 </input>
23 <expectations>
24 <node x="0" y="0" width="540" height="270">
25 <node x="0" y="0" width="270" height="270">
26 <node x="20" y="20" width="0" height="0"/>
27 <node x="20" y="20" width="0" height="0"/>
28 <node x="250" y="250" width="0" height="0"/>
29 <node x="20" y="20" width="0" height="0"/>
30 <node x="50" y="50" width="0" height="0"/>
31 <node x="20" y="20" width="230" height="230"/>
32 </node>
33 <node x="270" y="0" width="270" height="270" scroll_width="0" scroll_height="0">
34 <node x="20" y="20" width="0" height="0"/>
35 <node x="20" y="20" width="0" height="0"/>
36 <node x="235" y="235" width="0" height="0"/>
37 <node x="20" y="20" width="0" height="0"/>
38 <node x="50" y="50" width="0" height="0"/>
39 <node x="20" y="20" width="215" height="215"/>
40 </node>
41 </node>
42 </expectations>
43</test>