[css-grid] Fix positioned children in RTL

third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html

Index: third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html
diff --git a/third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html b/third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html
index 07ff815643b70d41702985ab1944d90c96f3d678..4c2cd2c120a7dfe997bf470f6cf6bcfe3bb17d71 100644
--- a/third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html
+++ b/third_party/WebKit/LayoutTests/fast/css-grid-layout/absolute-positioning-grid-container-containing-block.html
@@ -296,5 +296,55 @@
     </div>
 </div>
 
+<div class="grid directionRTL">
+    <div class="sizedToGridArea absolute autoRowAutoColumn offsetLeft25 offsetTop75"

[svillar, 2016/04/01 08:55:49]

Do we need all the sizedToGridArea?

[Manuel Rego, 2016/04/01 09:17:05]

Yes we need them to do the "width: 100%; height: 100%;"
which is not done by default in positioned items.

+        data-offset-x="25" data-offset-y="75" data-expected-width="530" data-expected-height="530">
+    </div>
+    <div class="sizedToGridArea absolute firstRowFirstColumn offsetRightMinus40 offsetBottomMinus80"
+        data-offset-x="40" data-offset-y="95" data-expected-width="515" data-expected-height="515">
+    </div>
+    <div class="sizedToGridArea absolute secondRowFirstColumn offsetRight50 offsetBottom100"
+        data-offset-x="-50" data-offset-y="-35" data-expected-width="515" data-expected-height="465">
+    </div>
+    <div class="sizedToGridArea absolute firstRowSecondColumn offsetLeftMinus20 offsetTopMinus60"
+        data-offset-x="-20" data-offset-y="-45" data-expected-width="465" data-expected-height="515">
+    </div>
+    <div class="sizedToGridArea absolute secondRowSecondColumn offsetRight50 offsetTop75"
+        data-offset-x="-50" data-offset-y="140" data-expected-width="465" data-expected-height="465">
+    </div>
+    <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows offsetLeft25 offsetBottom100"
+        data-offset-x="25" data-offset-y="65" data-expected-width="365" data-expected-height="350">
+    </div>
+    <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows2Columns offsetLeftMinus20 offsetRight50 offsetTopMinus60 offsetBottom100"
+        data-offset-x="-35" data-offset-y="105" data-expected-width="350" data-expected-height="350">
+    </div>
+</div>
+
+<div class="grid directionRTL">
+    <div>
+        <div class="sizedToGridArea absolute autoRowAutoColumn offsetLeft25 offsetTop75"
+            data-offset-x="25" data-offset-y="75" data-expected-width="530" data-expected-height="530">
+        </div>
+        <div class="sizedToGridArea absolute firstRowFirstColumn offsetRightMinus40 offsetBottomMinus80"
+            data-offset-x="40" data-offset-y="95" data-expected-width="515" data-expected-height="515">
+        </div>
+        <div class="sizedToGridArea absolute secondRowFirstColumn offsetRight50 offsetBottom100"
+            data-offset-x="-50" data-offset-y="-35" data-expected-width="515" data-expected-height="465">
+        </div>
+        <div class="sizedToGridArea absolute firstRowSecondColumn offsetLeftMinus20 offsetTopMinus60"
+            data-offset-x="-20" data-offset-y="-45" data-expected-width="465" data-expected-height="515">
+        </div>
+        <div class="sizedToGridArea absolute secondRowSecondColumn offsetRight50 offsetTop75"
+            data-offset-x="-50" data-offset-y="140" data-expected-width="465" data-expected-height="465">
+        </div>
+        <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows offsetLeft25 offsetBottom100"
+            data-offset-x="25" data-offset-y="65" data-expected-width="365" data-expected-height="350">
+        </div>
+        <div class="sizedToGridArea absolute thirdRowThirdColumnSpanning2Rows2Columns offsetLeftMinus20 offsetRight50 offsetTopMinus60 offsetBottom100"
+            data-offset-x="-35" data-offset-y="105" data-expected-width="350" data-expected-height="350">
+        </div>
+    </div>
+</div>
+
 </body>
 </html>