Implement absolutely positioned flex items
[WebKit-https.git] / LayoutTests / css3 / flexbox / position-absolute-child.html
index dab420f..5f42f9c 100644 (file)
@@ -89,23 +89,23 @@ var expectations = {
                 { offsets: [0, 0, 240], sizes: [0, 240, 360] },
                 { offsets: [0, 150, 150], sizes: [150, 0, 450] },
                 { offsets: [0, 200, 600], sizes: [200, 400, 0] },
-                { offsets: [0, 260, 560] },
-                { offsets: [0, 300, 560] },
-                { offsets: [0, 300, 600] },
-                { offsets: [10, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 90], crossAxisOffset: 50 },
+                { offsets: [0, 0, 560] },
+                { offsets: [0, 560, 560] },
+                { offsets: [0, 560, 600] },
+                { offsets: [10, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 90], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [600, 360, 0], sizes: [0, 240, 360] },
                 { offsets: [450, 450, 0], sizes: [150, 0, 450] },
                 { offsets: [400, 0, 0], sizes: [200, 400, 0] },
-                { offsets: [580, 300, 0] },
-                { offsets: [560, 280, 0] },
-                { offsets: [560, 260, -20] },
-                { offsets: [50, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, -30], crossAxisOffset: 50 },
+                { offsets: [580, 560, 0] },
+                { offsets: [560, 20, 0] },
+                { offsets: [560, 0, -20] },
+                { offsets: [50, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, -30], crossAxisOffset: 0 },
             ],
         },
         column: {
@@ -113,23 +113,23 @@ var expectations = {
                 { offsets: [0, 0, 48], sizes: [0, 48, 72] },
                 { offsets: [0, 30, 30], sizes: [30, 0, 90] },
                 { offsets: [0, 40, 120], sizes: [40, 80, 0] },
-                { offsets: [0, 20, 80] },
-                { offsets: [0, 60, 80] },
-                { offsets: [0, 60, 120] },
-                { offsets: [10, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 90], crossAxisOffset: 50 },
+                { offsets: [0, 0, 80] },
+                { offsets: [0, 80, 80] },
+                { offsets: [0, 80, 120] },
+                { offsets: [10, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 90], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [0, 0, 48], sizes: [0, 48, 72] },
                 { offsets: [0, 30, 30], sizes: [30, 0, 90] },
                 { offsets: [0, 40, 120], sizes: [40, 80, 0] },
-                { offsets: [0, 20, 80] },
-                { offsets: [0, 60, 80] },
-                { offsets: [0, 60, 120] },
-                { offsets: [10, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 90], crossAxisOffset: 10 },
+                { offsets: [0, 0, 80] },
+                { offsets: [0, 80, 80] },
+                { offsets: [0, 80, 120] },
+                { offsets: [10, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 90], crossAxisOffset: 60 },
             ],
         },
         'row-reverse': {
@@ -137,23 +137,23 @@ var expectations = {
                 { offsets: [600, 360, 0], sizes: [0, 240, 360] },
                 { offsets: [450, 450, 0], sizes: [150, 0, 450] },
                 { offsets: [400, 0, 0], sizes: [200, 400, 0] },
-                { offsets: [600, 300, 0] },
-                { offsets: [560, 300, 0] },
-                { offsets: [560, 260, 0] },
-                { offsets: [90, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, 10], crossAxisOffset: 50 },
+                { offsets: [600, 560, 0] },
+                { offsets: [560, 40, 0] },
+                { offsets: [560, 0, 0] },
+                { offsets: [90, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, 10], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [0, 0, 240], sizes: [0, 240, 360] },
                 { offsets: [0, 150, 150], sizes: [150, 0, 450] },
                 { offsets: [0, 200, 600], sizes: [200, 400, 0] },
-                { offsets: [-20, 260, 560] },
-                { offsets: [0, 280, 560] },
-                { offsets: [0, 300, 580] },
-                { offsets: [-30, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 50], crossAxisOffset: 50 },
+                { offsets: [-20, 0, 560] },
+                { offsets: [0, 540, 560] },
+                { offsets: [0, 560, 580] },
+                { offsets: [-30, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 50], crossAxisOffset: 0 },
             ],
         },
         'column-reverse': {
@@ -161,23 +161,23 @@ var expectations = {
                 { offsets: [120, 72, 0], sizes: [0, 48, 72] },
                 { offsets: [90, 90, 0], sizes: [30, 0, 90] },
                 { offsets: [80, 0, 0], sizes: [40, 80, 0] },
-                { offsets: [120, 60, 0] },
-                { offsets: [80, 60, 0] },
-                { offsets: [80, 20, 0] },
-                { offsets: [90, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, 10], crossAxisOffset: 50 },
+                { offsets: [120, 80, 0] },
+                { offsets: [80, 40, 0] },
+                { offsets: [80, 0, 0] },
+                { offsets: [90, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, 10], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [120, 72, 0], sizes: [0, 48, 72] },
                 { offsets: [90, 90, 0], sizes: [30, 0, 90] },
                 { offsets: [80, 0, 0], sizes: [40, 80, 0] },
-                { offsets: [120, 60, 0] },
-                { offsets: [80, 60, 0] },
-                { offsets: [80, 20, 0] },
-                { offsets: [90, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, 10], crossAxisOffset: 10 },
+                { offsets: [120, 80, 0] },
+                { offsets: [80, 40, 0] },
+                { offsets: [80, 0, 0] },
+                { offsets: [90, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, 10], crossAxisOffset: 60 },
             ],
         },
     },
@@ -188,23 +188,23 @@ var expectations = {
                 { offsets: [0, 0, 240], sizes: [0, 240, 360] },
                 { offsets: [0, 150, 150], sizes: [150, 0, 450] },
                 { offsets: [0, 200, 600], sizes: [200, 400, 0] },
-                { offsets: [0, 260, 560] },
-                { offsets: [0, 300, 560] },
-                { offsets: [0, 300, 600] },
-                { offsets: [10, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 90], crossAxisOffset: 10 },
+                { offsets: [0, 0, 560] },
+                { offsets: [0, 560, 560] },
+                { offsets: [0, 560, 600] },
+                { offsets: [10, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 90], crossAxisOffset: 60 },
             ],
             rtl: [
                 { offsets: [600, 360, 0], sizes: [0, 240, 360] },
                 { offsets: [450, 450, 0], sizes: [150, 0, 450] },
                 { offsets: [400, 0, 0], sizes: [200, 400, 0] },
-                { offsets: [580, 300, 0] },
-                { offsets: [560, 280, 0] },
-                { offsets: [560, 260, -20] },
-                { offsets: [50, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, -30], crossAxisOffset: 10 },
+                { offsets: [580, 560, 0] },
+                { offsets: [560, 20, 0] },
+                { offsets: [560, 0, -20] },
+                { offsets: [50, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, -30], crossAxisOffset: 60 },
             ],
         },
         // horizontal-bt flips the main axis direction so the offsets are different from horizontal-tb.
@@ -213,23 +213,23 @@ var expectations = {
                 { offsets: [120, 72, 0], sizes: [0, 48, 72] },
                 { offsets: [90, 90, 0], sizes: [30, 0, 90] },
                 { offsets: [80, 0, 0], sizes: [40, 80, 0] },
-                { offsets: [100, 60, 0] },
-                { offsets: [80, 40, 0] },
-                { offsets: [80, 20, -20] },
-                { offsets: [50, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, -30], crossAxisOffset: 50 },
+                { offsets: [100, 80, 0] },
+                { offsets: [80, 20, 0] },
+                { offsets: [80, 0, -20] },
+                { offsets: [50, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, -30], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [120, 72, 0], sizes: [0, 48, 72] },
                 { offsets: [90, 90, 0], sizes: [30, 0, 90] },
                 { offsets: [80, 0, 0], sizes: [40, 80, 0] },
-                { offsets: [100, 60, 0] },
-                { offsets: [80, 40, 0] },
-                { offsets: [80, 20, -20] },
-                { offsets: [50, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, -30], crossAxisOffset: 10 },
+                { offsets: [100, 80, 0] },
+                { offsets: [80, 20, 0] },
+                { offsets: [80, 0, -20] },
+                { offsets: [50, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, -30], crossAxisOffset: 60 },
             ],
         },
         'row-reverse': {
@@ -237,23 +237,23 @@ var expectations = {
                 { offsets: [600, 360, 0], sizes: [0, 240, 360] },
                 { offsets: [450, 450, 0], sizes: [150, 0, 450] },
                 { offsets: [400, 0, 0], sizes: [200, 400, 0] },
-                { offsets: [600, 300, 0] },
-                { offsets: [560, 300, 0] },
-                { offsets: [560, 260, 0] },
-                { offsets: [90, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, 10], crossAxisOffset: 10 },
+                { offsets: [600, 560, 0] },
+                { offsets: [560, 40, 0] },
+                { offsets: [560, 0, 0] },
+                { offsets: [90, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, 10], crossAxisOffset: 60 },
             ],
             rtl: [
                 { offsets: [0, 0, 240], sizes: [0, 240, 360] },
                 { offsets: [0, 150, 150], sizes: [150, 0, 450] },
                 { offsets: [0, 200, 600], sizes: [200, 400, 0] },
-                { offsets: [-20, 260, 560] },
-                { offsets: [0, 280, 560] },
-                { offsets: [0, 300, 580] },
-                { offsets: [-30, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 50], crossAxisOffset: 10 },
+                { offsets: [-20, 0, 560] },
+                { offsets: [0, 540, 560] },
+                { offsets: [0, 560, 580] },
+                { offsets: [-30, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 50], crossAxisOffset: 60 },
             ],
         },
         'column-reverse': {
@@ -261,23 +261,23 @@ var expectations = {
                 { offsets: [0, 0, 48], sizes: [0, 48, 72] },
                 { offsets: [0, 30, 30], sizes: [30, 0, 90] },
                 { offsets: [0, 40, 120], sizes: [40, 80, 0] },
-                { offsets: [-20, 20, 80] },
-                { offsets: [0, 40, 80] },
-                { offsets: [0, 60, 100] },
-                { offsets: [-30, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 50], crossAxisOffset: 50 },
+                { offsets: [-20, 0, 80] },
+                { offsets: [0, 60, 80] },
+                { offsets: [0, 80, 100] },
+                { offsets: [-30, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 50], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [0, 0, 48], sizes: [0, 48, 72] },
                 { offsets: [0, 30, 30], sizes: [30, 0, 90] },
                 { offsets: [0, 40, 120], sizes: [40, 80, 0] },
-                { offsets: [-20, 20, 80] },
-                { offsets: [0, 40, 80] },
-                { offsets: [0, 60, 100] },
-                { offsets: [-30, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 50], crossAxisOffset: 10 },
+                { offsets: [-20, 0, 80] },
+                { offsets: [0, 60, 80] },
+                { offsets: [0, 80, 100] },
+                { offsets: [-30, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 50], crossAxisOffset: 60 },
             ],
         },
     },
@@ -288,23 +288,23 @@ var expectations = {
                 { offsets: [0, 0, 48], sizes: [0, 48, 72] },
                 { offsets: [0, 30, 30], sizes: [30, 0, 90] },
                 { offsets: [0, 40, 120], sizes: [40, 80, 0] },
-                { offsets: [0, 20, 80] },
-                { offsets: [0, 60, 80] },
-                { offsets: [0, 60, 120] },
-                { offsets: [10, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 90], crossAxisOffset: 10 },
+                { offsets: [0, 0, 80] },
+                { offsets: [0, 80, 80] },
+                { offsets: [0, 80, 120] },
+                { offsets: [10, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 90], crossAxisOffset: 60 },
             ],
             rtl: [
                 { offsets: [120, 72, 0], sizes: [0, 48, 72] },
                 { offsets: [90, 90, 0], sizes: [30, 0, 90] },
                 { offsets: [80, 0, 0], sizes: [40, 80, 0] },
-                { offsets: [100, 60, 0] },
-                { offsets: [80, 40, 0] },
-                { offsets: [80, 20, -20] },
-                { offsets: [50, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, -30], crossAxisOffset: 10 },
+                { offsets: [100, 80, 0] },
+                { offsets: [80, 20, 0] },
+                { offsets: [80, 0, -20] },
+                { offsets: [50, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, -30], crossAxisOffset: 60 },
             ],
         },
         column: {
@@ -313,23 +313,23 @@ var expectations = {
                 { offsets: [600, 360, 0], sizes: [0, 240, 360] },
                 { offsets: [450, 450, 0], sizes: [150, 0, 450] },
                 { offsets: [400, 0, 0], sizes: [200, 400, 0] },
-                { offsets: [580, 300, 0] },
-                { offsets: [560, 280, 0] },
-                { offsets: [560, 260, -20] },
-                { offsets: [50, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, -30], crossAxisOffset: 50 },
+                { offsets: [580, 560, 0] },
+                { offsets: [560, 20, 0] },
+                { offsets: [560, 0, -20] },
+                { offsets: [50, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, -30], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [600, 360, 0], sizes: [0, 240, 360] },
                 { offsets: [450, 450, 0], sizes: [150, 0, 450] },
                 { offsets: [400, 0, 0], sizes: [200, 400, 0] },
-                { offsets: [580, 300, 0] },
-                { offsets: [560, 280, 0] },
-                { offsets: [560, 260, -20] },
-                { offsets: [50, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, -30], crossAxisOffset: 10 },
+                { offsets: [580, 560, 0] },
+                { offsets: [560, 20, 0] },
+                { offsets: [560, 0, -20] },
+                { offsets: [50, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, -30], crossAxisOffset: 60 },
             ],
         },
         'row-reverse': {
@@ -337,23 +337,23 @@ var expectations = {
                 { offsets: [120, 72, 0], sizes: [0, 48, 72] },
                 { offsets: [90, 90, 0], sizes: [30, 0, 90] },
                 { offsets: [80, 0, 0], sizes: [40, 80, 0] },
-                { offsets: [120, 60, 0] },
-                { offsets: [80, 60, 0] },
-                { offsets: [80, 20, 0] },
-                { offsets: [90, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, 10], crossAxisOffset: 10 },
+                { offsets: [120, 80, 0] },
+                { offsets: [80, 40, 0] },
+                { offsets: [80, 0, 0] },
+                { offsets: [90, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, 10], crossAxisOffset: 60 },
             ],
             rtl: [
                 { offsets: [0, 0, 48], sizes: [0, 48, 72] },
                 { offsets: [0, 30, 30], sizes: [30, 0, 90] },
                 { offsets: [0, 40, 120], sizes: [40, 80, 0] },
-                { offsets: [-20, 20, 80] },
-                { offsets: [0, 40, 80] },
-                { offsets: [0, 60, 100] },
-                { offsets: [-30, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 50], crossAxisOffset: 10 },
+                { offsets: [-20, 0, 80] },
+                { offsets: [0, 60, 80] },
+                { offsets: [0, 80, 100] },
+                { offsets: [-30, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 50], crossAxisOffset: 60 },
             ],
         },
         'column-reverse': {
@@ -361,23 +361,23 @@ var expectations = {
                 { offsets: [0, 0, 240], sizes: [0, 240, 360] },
                 { offsets: [0, 150, 150], sizes: [150, 0, 450] },
                 { offsets: [0, 200, 600], sizes: [200, 400, 0] },
-                { offsets: [-20, 260, 560] },
-                { offsets: [0, 280, 560] },
-                { offsets: [0, 300, 580] },
-                { offsets: [-30, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 50], crossAxisOffset: 50 },
+                { offsets: [-20, 0, 560] },
+                { offsets: [0, 540, 560] },
+                { offsets: [0, 560, 580] },
+                { offsets: [-30, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 50], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [0, 0, 240], sizes: [0, 240, 360] },
                 { offsets: [0, 150, 150], sizes: [150, 0, 450] },
                 { offsets: [0, 200, 600], sizes: [200, 400, 0] },
-                { offsets: [-20, 260, 560] },
-                { offsets: [0, 280, 560] },
-                { offsets: [0, 300, 580] },
-                { offsets: [-30, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 50], crossAxisOffset: 10 },
+                { offsets: [-20, 0, 560] },
+                { offsets: [0, 540, 560] },
+                { offsets: [0, 560, 580] },
+                { offsets: [-30, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 50], crossAxisOffset: 60 },
             ],
         }
     },
@@ -388,23 +388,23 @@ var expectations = {
                 { offsets: [0, 0, 48], sizes: [0, 48, 72] },
                 { offsets: [0, 30, 30], sizes: [30, 0, 90] },
                 { offsets: [0, 40, 120], sizes: [40, 80, 0] },
-                { offsets: [0, 20, 80] },
-                { offsets: [0, 60, 80] },
-                { offsets: [0, 60, 120] },
-                { offsets: [10, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 90], crossAxisOffset: 50 },
+                { offsets: [0, 0, 80] },
+                { offsets: [0, 80, 80] },
+                { offsets: [0, 80, 120] },
+                { offsets: [10, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 90], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [120, 72, 0], sizes: [0, 48, 72] },
                 { offsets: [90, 90, 0], sizes: [30, 0, 90] },
                 { offsets: [80, 0, 0], sizes: [40, 80, 0] },
-                { offsets: [100, 60, 0] },
-                { offsets: [80, 40, 0] },
-                { offsets: [80, 20, -20] },
-                { offsets: [50, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, -30], crossAxisOffset: 50 },
+                { offsets: [100, 80, 0] },
+                { offsets: [80, 20, 0] },
+                { offsets: [80, 0, -20] },
+                { offsets: [50, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, -30], crossAxisOffset: 0 },
             ],
         },
         column: {
@@ -413,23 +413,23 @@ var expectations = {
                 { offsets: [0, 0, 240], sizes: [0, 240, 360] },
                 { offsets: [0, 150, 150], sizes: [150, 0, 450] },
                 { offsets: [0, 200, 600], sizes: [200, 400, 0] },
-                { offsets: [0, 260, 560] },
-                { offsets: [0, 300, 560] },
-                { offsets: [0, 300, 600] },
-                { offsets: [10, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 90], crossAxisOffset: 50 },
+                { offsets: [0, 0, 560] },
+                { offsets: [0, 560, 560] },
+                { offsets: [0, 560, 600] },
+                { offsets: [10, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 90], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [0, 0, 240], sizes: [0, 240, 360] },
                 { offsets: [0, 150, 150], sizes: [150, 0, 450] },
                 { offsets: [0, 200, 600], sizes: [200, 400, 0] },
-                { offsets: [0, 260, 560] },
-                { offsets: [0, 300, 560] },
-                { offsets: [0, 300, 600] },
-                { offsets: [10, 10, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 50], crossAxisOffset: 10 },
-                { offsets: [10, 50, 90], crossAxisOffset: 10 },
+                { offsets: [0, 0, 560] },
+                { offsets: [0, 560, 560] },
+                { offsets: [0, 560, 600] },
+                { offsets: [10, 10, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 50], crossAxisOffset: 60 },
+                { offsets: [10, 50, 90], crossAxisOffset: 60 },
             ],
         },
         'row-reverse': {
@@ -437,23 +437,23 @@ var expectations = {
                 { offsets: [120, 72, 0], sizes: [0, 48, 72] },
                 { offsets: [90, 90, 0], sizes: [30, 0, 90] },
                 { offsets: [80, 0, 0], sizes: [40, 80, 0] },
-                { offsets: [120, 60, 0] },
-                { offsets: [80, 60, 0] },
-                { offsets: [80, 20, 0] },
-                { offsets: [90, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, 10], crossAxisOffset: 50 },
+                { offsets: [120, 80, 0] },
+                { offsets: [80, 40, 0] },
+                { offsets: [80, 0, 0] },
+                { offsets: [90, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, 10], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [0, 0, 48], sizes: [0, 48, 72] },
                 { offsets: [0, 30, 30], sizes: [30, 0, 90] },
                 { offsets: [0, 40, 120], sizes: [40, 80, 0] },
-                { offsets: [-20, 20, 80] },
-                { offsets: [0, 40, 80] },
-                { offsets: [0, 60, 100] },
-                { offsets: [-30, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 10, 50], crossAxisOffset: 50 },
-                { offsets: [10, 50, 50], crossAxisOffset: 50 },
+                { offsets: [-20, 0, 80] },
+                { offsets: [0, 60, 80] },
+                { offsets: [0, 80, 100] },
+                { offsets: [-30, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 10, 50], crossAxisOffset: 0 },
+                { offsets: [10, 50, 50], crossAxisOffset: 0 },
             ],
         },
         'column-reverse': {
@@ -461,23 +461,23 @@ var expectations = {
                 { offsets: [600, 360, 0], sizes: [0, 240, 360] },
                 { offsets: [450, 450, 0], sizes: [150, 0, 450] },
                 { offsets: [400, 0, 0], sizes: [200, 400, 0] },
-                { offsets: [600, 300, 0] },
-                { offsets: [560, 300, 0] },
-                { offsets: [560, 260, 0] },
-                { offsets: [90, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 50, 10], crossAxisOffset: 50 },
-                { offsets: [50, 10, 10], crossAxisOffset: 50 },
+                { offsets: [600, 560, 0] },
+                { offsets: [560, 40, 0] },
+                { offsets: [560, 0, 0] },
+                { offsets: [90, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 50, 10], crossAxisOffset: 0 },
+                { offsets: [50, 10, 10], crossAxisOffset: 0 },
             ],
             rtl: [
                 { offsets: [600, 360, 0], sizes: [0, 240, 360] },
                 { offsets: [450, 450, 0], sizes: [150, 0, 450] },
                 { offsets: [400, 0, 0], sizes: [200, 400, 0] },
-                { offsets: [600, 300, 0] },
-                { offsets: [560, 300, 0] },
-                { offsets: [560, 260, 0] },
-                { offsets: [90, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 50, 10], crossAxisOffset: 10 },
-                { offsets: [50, 10, 10], crossAxisOffset: 10 },
+                { offsets: [600, 560, 0] },
+                { offsets: [560, 40, 0] },
+                { offsets: [560, 0, 0] },
+                { offsets: [90, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 50, 10], crossAxisOffset: 60 },
+                { offsets: [50, 10, 10], crossAxisOffset: 60 },
             ],
         },
     }