[css-grid] Fix positioned children in RTL

third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-within-grid-implicit-track.html

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-within-grid-implicit-track.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-within-grid-implicit-track.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-within-grid-implicit-track.html
index b6e3f13915f363bdb7ccf342a70a8255d672d959..a61064ab0720960fd5f412087a3c8996e17a2fda 100644
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-within-grid-implicit-track.html
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/grid-positioned-items-within-grid-implicit-track.html
@@ -112,4 +112,76 @@
     </div>
 </div>
 
+<div class="grid directionRTL">
+    <div class="sixRowsAndSixColumns"
+        data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-expected-height="600">
+    </div>
+    <div class="absolute" style="grid-column: auto / 1; grid-row: auto / 1;"
+        data-offset-x="615" data-offset-y="0" data-expected-width="215" data-expected-height="115">
+    </div>
+</div>
+
+<div class="grid directionRTL">
+    <div class="sixRowsAndSixColumns"
+        data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-expected-height="600">
+    </div>
+    <div class="absolute" style="grid-column: auto / 2; grid-row: auto / 2;"
+        data-offset-x="415" data-offset-y="0" data-expected-width="415" data-expected-height="265">
+    </div>
+</div>
+
+<div class="grid directionRTL">
+    <div class="sixRowsAndSixColumns"
+        data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-expected-height="600">
+    </div>
+    <div class="absolute" style="grid-column: 3 / auto; grid-row: 3 / auto;"
+        data-offset-x="0" data-offset-y="515" data-expected-width="115" data-expected-height="115">
+    </div>
+</div>
+
+<div class="grid directionRTL">
+    <div class="sixRowsAndSixColumns"
+        data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-expected-height="600">
+    </div>
+    <div class="absolute" style="grid-column: 2 / auto; grid-row: 2 / auto;"
+        data-offset-x="0" data-offset-y="265" data-expected-width="415" data-expected-height="365">
+    </div>
+</div>
+
+<div class="grid directionRTL">
+    <div class="sixRowsAndSixColumns"
+        data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-expected-height="600">
+    </div>
+    <div class="absolute" style="grid-column: -4 / 1; grid-row: -4 / 1;"
+        data-offset-x="615" data-offset-y="0" data-expected-width="215" data-expected-height="115">
+    </div>
+</div>
+
+<div class="grid directionRTL">
+    <div class="sixRowsAndSixColumns"
+        data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-expected-height="600">
+    </div>
+    <div class="absolute" style="grid-column: -4 / 2; grid-row: -4 / 2;"
+        data-offset-x="415" data-offset-y="0" data-expected-width="415" data-expected-height="265">
+    </div>
+</div>
+
+<div class="grid directionRTL">
+    <div class="sixRowsAndSixColumns"
+        data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-expected-height="600">
+    </div>
+    <div class="absolute" style="grid-column: 3 / 4; grid-row: 3 / 4;"
+        data-offset-x="0" data-offset-y="515" data-expected-width="115" data-expected-height="115">
+    </div>
+</div>
+
+<div class="grid directionRTL">
+    <div class="sixRowsAndSixColumns"
+        data-offset-x="-85" data-offset-y="15" data-expected-width="900" data-expected-height="600">
+    </div>
+    <div class="absolute" style="grid-column: 2 / 4; grid-row: 2 / 4;"
+        data-offset-x="0" data-offset-y="265" data-expected-width="415" data-expected-height="365">
+    </div>
+</div>
+
 </body>