[css-flexbox] Correctly handle percentage sizing in the main axis

third_party/WebKit/LayoutTests/css3/flexbox/flex-flow-padding.html

Index: third_party/WebKit/LayoutTests/css3/flexbox/flex-flow-padding.html
diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/flex-flow-padding.html b/third_party/WebKit/LayoutTests/css3/flexbox/flex-flow-padding.html
index 7c3fd5f41a3a2f48c5dc50dac30501be623930e2..bf0119cfa8dda8d919456478f6003b90a35a592e 100644
--- a/third_party/WebKit/LayoutTests/css3/flexbox/flex-flow-padding.html
+++ b/third_party/WebKit/LayoutTests/css3/flexbox/flex-flow-padding.html
@@ -94,14 +94,14 @@ var physicalExpectations = {
             containersize: horizontalContainerSize,
             flexitemcolumn: [30, 100, 110, 10],
             flexitemrow: [100, 50, 40, 10],
-            childcolumn: [20, 20, 118, 23],
+            childcolumn: [20, 70, 118, 23],
             childrow: [90, 20, 48, 23]
         },
         ltr : {
             containersize: horizontalContainerSize,
             flexitemcolumn: [30, 100, 40, 10],
             flexitemrow: [100, 50, 40, 10],
-            childcolumn: [20, 20, 48, 23],
+            childcolumn: [20, 70, 48, 23],
             childrow: [90, 20, 48, 23]
         }
     },
@@ -110,14 +110,14 @@ var physicalExpectations = {
             containersize: horizontalContainerSize,
             flexitemcolumn: [100, 50, 40, 60],
             flexitemrow: [30, 100, 40, 10],
-            childcolumn: [20, 20, 48, 73],
+            childcolumn: [90, 20, 48, 73],
             childrow: [20, 70, 48, 23]
         },
         ltr : {
             containersize: horizontalContainerSize,
             flexitemcolumn: [100, 50, 40, 10],
             flexitemrow: [30, 100, 40, 10],
-            childcolumn: [20, 20, 48, 23],
+            childcolumn: [90, 20, 48, 23],
             childrow: [20, 70, 48, 23]
         }
     },
@@ -126,14 +126,14 @@ var physicalExpectations = {
             containersize: horizontalContainerSize,
             flexitemcolumn: [100, 50, 40, 60],
             flexitemrow: [30, 100, 110, 10],
-            childcolumn: [20, 20, 118, 73],
+            childcolumn: [90, 20, 48, 73],
             childrow: [20, 70, 118, 23]
         },
         ltr : {
             containersize: horizontalContainerSize,
             flexitemcolumn: [100, 50, 40, 10],
             flexitemrow: [30, 100, 110, 10],
-            childcolumn: [20, 20, 118, 23],
+            childcolumn: [90, 20, 48, 23],
             childrow: [20, 70, 118, 23]
         }
     }
@@ -145,14 +145,14 @@ var logicalExpectations = {
             containersize: horizontalContainerSize,
             flexitemcolumn: [30, 100, 90, 10],
             flexitemrow: [100, 50, 20, 10],
-            childcolumn: [20, 20, 92, 23],
+            childcolumn: [20, 70, 92, 23],
             childrow: [90, 20, 22, 23]
         },
         ltr : {
             containersize: horizontalContainerSize,
             flexitemcolumn: [30, 100, 40, 10],
             flexitemrow: [100, 50, 40, 10],
-            childcolumn: [20, 20, 48, 23],
+            childcolumn: [20, 70, 48, 23],
             childrow: [90, 20, 48, 23]
         }
     },
@@ -161,14 +161,14 @@ var logicalExpectations = {
             containersize: verticalContainerSize,
             flexitemcolumn: [100, 30, 10, 90],
             flexitemrow: [50, 100, 10, 20],
-            childcolumn: [20, 20, 23, 92],
+            childcolumn: [70, 20, 23, 92],
             childrow: [20, 90, 23, 22]
         },
         ltr : {
             containersize: verticalContainerSize,
             flexitemcolumn: [100, 30, 10, 40],
             flexitemrow: [50, 100, 10, 40],
-            childcolumn: [20, 20, 23, 48],
+            childcolumn: [70, 20, 23, 48],
             childrow: [20, 90, 23, 48]
         }
     },
@@ -177,14 +177,14 @@ var logicalExpectations = {
             containersize: verticalContainerSize,
             flexitemcolumn: [100, 30, 30, 90],
             flexitemrow: [50, 100, 80, 20],
-            childcolumn: [20, 20, 97, 92],
+            childcolumn: [70, 20, 47, 92],
             childrow: [20, 90, 97, 22]
         },
         ltr : {
             containersize: verticalContainerSize,
             flexitemcolumn: [100, 30, 30, 40],
             flexitemrow: [50, 100, 80, 40],
-            childcolumn: [20, 20, 97, 48],
+            childcolumn: [70, 20, 47, 48],
             childrow: [20, 90, 97, 48]
         }
     }