Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(16)

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: LayoutTests/css3/flexbox/multiline-justify-content.html

Issue 289903007: Inline flexbox width is wrongly calculated when wrapping vertically (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Addressing comments of patch set 6 Created 6 years, 5 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« LayoutTests/css3/flexbox/inline-flexbox-wrap-vertically-width-calculation.html ('K') | « LayoutTests/css3/flexbox/multiline-align-self.html ('k') | LayoutTests/css3/flexbox/multiline-shrink-to-fit.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: LayoutTests/css3/flexbox/multiline-justify-content.html
diff --git a/LayoutTests/css3/flexbox/multiline-justify-content.html b/LayoutTests/css3/flexbox/multiline-justify-content.html
index 6fe7f713564550b4e006eacf69819615f30c342b..348176b19adc401a83daebbbecb3a426285b6f88 100644
--- a/LayoutTests/css3/flexbox/multiline-justify-content.html
+++ b/LayoutTests/css3/flexbox/multiline-justify-content.html
@@ -1478,35 +1478,35 @@ var expectations = {
'ltr': {
'wrap': {
'flex-start': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 40, 0],
'child2': [20, 10, 20, 0],
'child3': [40, 10, 40, 10],
'child4': [20, 10, 20, 10],
},
'flex-end': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 20, 0],
'child2': [20, 10, 0, 0],
'child3': [40, 10, 20, 10],
'child4': [20, 10, 0, 10],
},
'center': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 30, 0],
'child2': [20, 10, 10, 0],
'child3': [40, 10, 30, 10],
'child4': [20, 10, 10, 10],
},
'space-between': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 40, 0],
'child2': [20, 10, 0, 0],
'child3': [40, 10, 40, 10],
'child4': [20, 10, 0, 10],
},
'space-around': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 35, 0],
'child2': [20, 10, 5, 0],
'child3': [40, 10, 35, 10],
@@ -1515,111 +1515,111 @@ var expectations = {
},
'wrap-reverse': {
'flex-start': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 40, 30],
- 'child2': [20, 10, 20, 30],
- 'child3': [40, 10, 40, 20],
- 'child4': [20, 10, 20, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 40, 0],
+ 'child2': [20, 10, 20, 0],
+ 'child3': [40, 10, 40, -10],
tony 2014/07/22 16:42:02 Interesting. I think this is correct (because of
+ 'child4': [20, 10, 20, -10],
},
'flex-end': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 20, 30],
- 'child2': [20, 10, 0, 30],
- 'child3': [40, 10, 20, 20],
- 'child4': [20, 10, 0, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 20, 0],
+ 'child2': [20, 10, 0, 0],
+ 'child3': [40, 10, 20, -10],
+ 'child4': [20, 10, 0, -10],
},
'center': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 30, 30],
- 'child2': [20, 10, 10, 30],
- 'child3': [40, 10, 30, 20],
- 'child4': [20, 10, 10, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 30, 0],
+ 'child2': [20, 10, 10, 0],
+ 'child3': [40, 10, 30, -10],
+ 'child4': [20, 10, 10, -10],
},
'space-between': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 40, 30],
- 'child2': [20, 10, 0, 30],
- 'child3': [40, 10, 40, 20],
- 'child4': [20, 10, 0, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 40, 0],
+ 'child2': [20, 10, 0, 0],
+ 'child3': [40, 10, 40, -10],
+ 'child4': [20, 10, 0, -10],
},
'space-around': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 35, 30],
- 'child2': [20, 10, 5, 30],
- 'child3': [40, 10, 35, 20],
- 'child4': [20, 10, 5, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 35, 0],
+ 'child2': [20, 10, 5, 0],
+ 'child3': [40, 10, 35, -10],
+ 'child4': [20, 10, 5, -10],
},
},
},
'rtl': {
'wrap': {
'flex-start': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 40, 30],
- 'child2': [20, 10, 20, 30],
- 'child3': [40, 10, 40, 20],
- 'child4': [20, 10, 20, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 40, 0],
+ 'child2': [20, 10, 20, 0],
+ 'child3': [40, 10, 40, -10],
+ 'child4': [20, 10, 20, -10],
},
'flex-end': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 20, 30],
- 'child2': [20, 10, 0, 30],
- 'child3': [40, 10, 20, 20],
- 'child4': [20, 10, 0, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 20, 0],
+ 'child2': [20, 10, 0, 0],
+ 'child3': [40, 10, 20, -10],
+ 'child4': [20, 10, 0, -10],
},
'center': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 30, 30],
- 'child2': [20, 10, 10, 30],
- 'child3': [40, 10, 30, 20],
- 'child4': [20, 10, 10, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 30, 0],
+ 'child2': [20, 10, 10, 0],
+ 'child3': [40, 10, 30, -10],
+ 'child4': [20, 10, 10, -10],
},
'space-between': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 40, 30],
- 'child2': [20, 10, 0, 30],
- 'child3': [40, 10, 40, 20],
- 'child4': [20, 10, 0, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 40, 0],
+ 'child2': [20, 10, 0, 0],
+ 'child3': [40, 10, 40, -10],
+ 'child4': [20, 10, 0, -10],
},
'space-around': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 35, 30],
- 'child2': [20, 10, 5, 30],
- 'child3': [40, 10, 35, 20],
- 'child4': [20, 10, 5, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 35, 0],
+ 'child2': [20, 10, 5, 0],
+ 'child3': [40, 10, 35, -10],
+ 'child4': [20, 10, 5, -10],
},
},
'wrap-reverse': {
'flex-start': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 40, 0],
'child2': [20, 10, 20, 0],
'child3': [40, 10, 40, 10],
'child4': [20, 10, 20, 10],
},
'flex-end': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 20, 0],
'child2': [20, 10, 0, 0],
'child3': [40, 10, 20, 10],
'child4': [20, 10, 0, 10],
},
'center': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 30, 0],
'child2': [20, 10, 10, 0],
'child3': [40, 10, 30, 10],
'child4': [20, 10, 10, 10],
},
'space-between': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 40, 0],
'child2': [20, 10, 0, 0],
'child3': [40, 10, 40, 10],
'child4': [20, 10, 0, 10],
},
'space-around': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 35, 0],
'child2': [20, 10, 5, 0],
'child3': [40, 10, 35, 10],
@@ -1786,35 +1786,35 @@ var expectations = {
'ltr': {
'wrap': {
'flex-start': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 0, 0],
'child2': [20, 10, 40, 0],
'child3': [40, 10, 0, 10],
'child4': [20, 10, 40, 10],
},
'flex-end': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 20, 0],
'child2': [20, 10, 60, 0],
'child3': [40, 10, 20, 10],
'child4': [20, 10, 60, 10],
},
'center': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 10, 0],
'child2': [20, 10, 50, 0],
'child3': [40, 10, 10, 10],
'child4': [20, 10, 50, 10],
},
'space-between': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 0, 0],
'child2': [20, 10, 60, 0],
'child3': [40, 10, 0, 10],
'child4': [20, 10, 60, 10],
},
'space-around': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 5, 0],
'child2': [20, 10, 55, 0],
'child3': [40, 10, 5, 10],
@@ -1823,111 +1823,111 @@ var expectations = {
},
'wrap-reverse': {
'flex-start': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 0, 30],
- 'child2': [20, 10, 40, 30],
- 'child3': [40, 10, 0, 20],
- 'child4': [20, 10, 40, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 0, 0],
+ 'child2': [20, 10, 40, 0],
+ 'child3': [40, 10, 0, -10],
+ 'child4': [20, 10, 40, -10],
},
'flex-end': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 20, 30],
- 'child2': [20, 10, 60, 30],
- 'child3': [40, 10, 20, 20],
- 'child4': [20, 10, 60, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 20, 0],
+ 'child2': [20, 10, 60, 0],
+ 'child3': [40, 10, 20, -10],
+ 'child4': [20, 10, 60, -10],
},
'center': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 10, 30],
- 'child2': [20, 10, 50, 30],
- 'child3': [40, 10, 10, 20],
- 'child4': [20, 10, 50, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 10, 0],
+ 'child2': [20, 10, 50, 0],
+ 'child3': [40, 10, 10, -10],
+ 'child4': [20, 10, 50, -10],
},
'space-between': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 0, 30],
- 'child2': [20, 10, 60, 30],
- 'child3': [40, 10, 0, 20],
- 'child4': [20, 10, 60, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 0, 0],
+ 'child2': [20, 10, 60, 0],
+ 'child3': [40, 10, 0, -10],
+ 'child4': [20, 10, 60, -10],
},
'space-around': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 5, 30],
- 'child2': [20, 10, 55, 30],
- 'child3': [40, 10, 5, 20],
- 'child4': [20, 10, 55, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 5, 0],
+ 'child2': [20, 10, 55, 0],
+ 'child3': [40, 10, 5, -10],
+ 'child4': [20, 10, 55, -10],
},
},
},
'rtl': {
'wrap': {
'flex-start': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 0, 30],
- 'child2': [20, 10, 40, 30],
- 'child3': [40, 10, 0, 20],
- 'child4': [20, 10, 40, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 0, 0],
+ 'child2': [20, 10, 40, 0],
+ 'child3': [40, 10, 0, -10],
+ 'child4': [20, 10, 40, -10],
},
'flex-end': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 20, 30],
- 'child2': [20, 10, 60, 30],
- 'child3': [40, 10, 20, 20],
- 'child4': [20, 10, 60, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 20, 0],
+ 'child2': [20, 10, 60, 0],
+ 'child3': [40, 10, 20, -10],
+ 'child4': [20, 10, 60, -10],
},
'center': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 10, 30],
- 'child2': [20, 10, 50, 30],
- 'child3': [40, 10, 10, 20],
- 'child4': [20, 10, 50, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 10, 0],
+ 'child2': [20, 10, 50, 0],
+ 'child3': [40, 10, 10, -10],
+ 'child4': [20, 10, 50, -10],
},
'space-between': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 0, 30],
- 'child2': [20, 10, 60, 30],
- 'child3': [40, 10, 0, 20],
- 'child4': [20, 10, 60, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 0, 0],
+ 'child2': [20, 10, 60, 0],
+ 'child3': [40, 10, 0, -10],
+ 'child4': [20, 10, 60, -10],
},
'space-around': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 5, 30],
- 'child2': [20, 10, 55, 30],
- 'child3': [40, 10, 5, 20],
- 'child4': [20, 10, 55, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 5, 0],
+ 'child2': [20, 10, 55, 0],
+ 'child3': [40, 10, 5, -10],
+ 'child4': [20, 10, 55, -10],
},
},
'wrap-reverse': {
'flex-start': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 0, 0],
'child2': [20, 10, 40, 0],
'child3': [40, 10, 0, 10],
'child4': [20, 10, 40, 10],
},
'flex-end': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 20, 0],
'child2': [20, 10, 60, 0],
'child3': [40, 10, 20, 10],
'child4': [20, 10, 60, 10],
},
'center': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 10, 0],
'child2': [20, 10, 50, 0],
'child3': [40, 10, 10, 10],
'child4': [20, 10, 50, 10],
},
'space-between': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 0, 0],
'child2': [20, 10, 60, 0],
'child3': [40, 10, 0, 10],
'child4': [20, 10, 60, 10],
},
'space-around': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 5, 0],
'child2': [20, 10, 55, 0],
'child3': [40, 10, 5, 10],
@@ -2096,35 +2096,35 @@ var expectations = {
'ltr': {
'wrap': {
'flex-start': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 0, 0],
'child2': [20, 10, 40, 0],
'child3': [40, 10, 0, 10],
'child4': [20, 10, 40, 10],
},
'flex-end': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 20, 0],
'child2': [20, 10, 60, 0],
'child3': [40, 10, 20, 10],
'child4': [20, 10, 60, 10],
},
'center': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 10, 0],
'child2': [20, 10, 50, 0],
'child3': [40, 10, 10, 10],
'child4': [20, 10, 50, 10],
},
'space-between': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 0, 0],
'child2': [20, 10, 60, 0],
'child3': [40, 10, 0, 10],
'child4': [20, 10, 60, 10],
},
'space-around': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 5, 0],
'child2': [20, 10, 55, 0],
'child3': [40, 10, 5, 10],
@@ -2133,111 +2133,111 @@ var expectations = {
},
'wrap-reverse': {
'flex-start': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 0, 30],
- 'child2': [20, 10, 40, 30],
- 'child3': [40, 10, 0, 20],
- 'child4': [20, 10, 40, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 0, 0],
+ 'child2': [20, 10, 40, 0],
+ 'child3': [40, 10, 0, -10],
+ 'child4': [20, 10, 40, -10],
},
'flex-end': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 20, 30],
- 'child2': [20, 10, 60, 30],
- 'child3': [40, 10, 20, 20],
- 'child4': [20, 10, 60, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 20, 0],
+ 'child2': [20, 10, 60, 0],
+ 'child3': [40, 10, 20, -10],
+ 'child4': [20, 10, 60, -10],
},
'center': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 10, 30],
- 'child2': [20, 10, 50, 30],
- 'child3': [40, 10, 10, 20],
- 'child4': [20, 10, 50, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 10, 0],
+ 'child2': [20, 10, 50, 0],
+ 'child3': [40, 10, 10, -10],
+ 'child4': [20, 10, 50, -10],
},
'space-between': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 0, 30],
- 'child2': [20, 10, 60, 30],
- 'child3': [40, 10, 0, 20],
- 'child4': [20, 10, 60, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 0, 0],
+ 'child2': [20, 10, 60, 0],
+ 'child3': [40, 10, 0, -10],
+ 'child4': [20, 10, 60, -10],
},
'space-around': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 5, 30],
- 'child2': [20, 10, 55, 30],
- 'child3': [40, 10, 5, 20],
- 'child4': [20, 10, 55, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 5, 0],
+ 'child2': [20, 10, 55, 0],
+ 'child3': [40, 10, 5, -10],
+ 'child4': [20, 10, 55, -10],
},
},
},
'rtl': {
'wrap': {
'flex-start': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 0, 30],
- 'child2': [20, 10, 40, 30],
- 'child3': [40, 10, 0, 20],
- 'child4': [20, 10, 40, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 0, 0],
+ 'child2': [20, 10, 40, 0],
+ 'child3': [40, 10, 0, -10],
+ 'child4': [20, 10, 40, -10],
},
'flex-end': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 20, 30],
- 'child2': [20, 10, 60, 30],
- 'child3': [40, 10, 20, 20],
- 'child4': [20, 10, 60, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 20, 0],
+ 'child2': [20, 10, 60, 0],
+ 'child3': [40, 10, 20, -10],
+ 'child4': [20, 10, 60, -10],
},
'center': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 10, 30],
- 'child2': [20, 10, 50, 30],
- 'child3': [40, 10, 10, 20],
- 'child4': [20, 10, 50, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 10, 0],
+ 'child2': [20, 10, 50, 0],
+ 'child3': [40, 10, 10, -10],
+ 'child4': [20, 10, 50, -10],
},
'space-between': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 0, 30],
- 'child2': [20, 10, 60, 30],
- 'child3': [40, 10, 0, 20],
- 'child4': [20, 10, 60, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 0, 0],
+ 'child2': [20, 10, 60, 0],
+ 'child3': [40, 10, 0, -10],
+ 'child4': [20, 10, 60, -10],
},
'space-around': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 5, 30],
- 'child2': [20, 10, 55, 30],
- 'child3': [40, 10, 5, 20],
- 'child4': [20, 10, 55, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 5, 0],
+ 'child2': [20, 10, 55, 0],
+ 'child3': [40, 10, 5, -10],
+ 'child4': [20, 10, 55, -10],
},
},
'wrap-reverse': {
'flex-start': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 0, 0],
'child2': [20, 10, 40, 0],
'child3': [40, 10, 0, 10],
'child4': [20, 10, 40, 10],
},
'flex-end': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 20, 0],
'child2': [20, 10, 60, 0],
'child3': [40, 10, 20, 10],
'child4': [20, 10, 60, 10],
},
'center': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 10, 0],
'child2': [20, 10, 50, 0],
'child3': [40, 10, 10, 10],
'child4': [20, 10, 50, 10],
},
'space-between': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 0, 0],
'child2': [20, 10, 60, 0],
'child3': [40, 10, 0, 10],
'child4': [20, 10, 60, 10],
},
'space-around': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 5, 0],
'child2': [20, 10, 55, 0],
'child3': [40, 10, 5, 10],
@@ -2404,35 +2404,35 @@ var expectations = {
'ltr': {
'wrap': {
'flex-start': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 40, 0],
'child2': [20, 10, 20, 0],
'child3': [40, 10, 40, 10],
'child4': [20, 10, 20, 10],
},
'flex-end': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 20, 0],
'child2': [20, 10, 0, 0],
'child3': [40, 10, 20, 10],
'child4': [20, 10, 0, 10],
},
'center': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 30, 0],
'child2': [20, 10, 10, 0],
'child3': [40, 10, 30, 10],
'child4': [20, 10, 10, 10],
},
'space-between': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 40, 0],
'child2': [20, 10, 0, 0],
'child3': [40, 10, 40, 10],
'child4': [20, 10, 0, 10],
},
'space-around': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 35, 0],
'child2': [20, 10, 5, 0],
'child3': [40, 10, 35, 10],
@@ -2441,111 +2441,111 @@ var expectations = {
},
'wrap-reverse': {
'flex-start': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 40, 30],
- 'child2': [20, 10, 20, 30],
- 'child3': [40, 10, 40, 20],
- 'child4': [20, 10, 20, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 40, 0],
+ 'child2': [20, 10, 20, 0],
+ 'child3': [40, 10, 40, -10],
+ 'child4': [20, 10, 20, -10],
},
'flex-end': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 20, 30],
- 'child2': [20, 10, 0, 30],
- 'child3': [40, 10, 20, 20],
- 'child4': [20, 10, 0, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 20, 0],
+ 'child2': [20, 10, 0, 0],
+ 'child3': [40, 10, 20, -10],
+ 'child4': [20, 10, 0, -10],
},
'center': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 30, 30],
- 'child2': [20, 10, 10, 30],
- 'child3': [40, 10, 30, 20],
- 'child4': [20, 10, 10, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 30, 0],
+ 'child2': [20, 10, 10, 0],
+ 'child3': [40, 10, 30, -10],
+ 'child4': [20, 10, 10, -10],
},
'space-between': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 40, 30],
- 'child2': [20, 10, 0, 30],
- 'child3': [40, 10, 40, 20],
- 'child4': [20, 10, 0, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 40, 0],
+ 'child2': [20, 10, 0, 0],
+ 'child3': [40, 10, 40, -10],
+ 'child4': [20, 10, 0, -10],
},
'space-around': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 35, 30],
- 'child2': [20, 10, 5, 30],
- 'child3': [40, 10, 35, 20],
- 'child4': [20, 10, 5, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 35, 0],
+ 'child2': [20, 10, 5, 0],
+ 'child3': [40, 10, 35, -10],
+ 'child4': [20, 10, 5, -10],
},
},
},
'rtl': {
'wrap': {
'flex-start': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 40, 30],
- 'child2': [20, 10, 20, 30],
- 'child3': [40, 10, 40, 20],
- 'child4': [20, 10, 20, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 40, 0],
+ 'child2': [20, 10, 20, 0],
+ 'child3': [40, 10, 40, -10],
+ 'child4': [20, 10, 20, -10],
},
'flex-end': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 20, 30],
- 'child2': [20, 10, 0, 30],
- 'child3': [40, 10, 20, 20],
- 'child4': [20, 10, 0, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 20, 0],
+ 'child2': [20, 10, 0, 0],
+ 'child3': [40, 10, 20, -10],
+ 'child4': [20, 10, 0, -10],
},
'center': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 30, 30],
- 'child2': [20, 10, 10, 30],
- 'child3': [40, 10, 30, 20],
- 'child4': [20, 10, 10, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 30, 0],
+ 'child2': [20, 10, 10, 0],
+ 'child3': [40, 10, 30, -10],
+ 'child4': [20, 10, 10, -10],
},
'space-between': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 40, 30],
- 'child2': [20, 10, 0, 30],
- 'child3': [40, 10, 40, 20],
- 'child4': [20, 10, 0, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 40, 0],
+ 'child2': [20, 10, 0, 0],
+ 'child3': [40, 10, 40, -10],
+ 'child4': [20, 10, 0, -10],
},
'space-around': {
- 'flexbox': [80, 40],
- 'child1': [40, 10, 35, 30],
- 'child2': [20, 10, 5, 30],
- 'child3': [40, 10, 35, 20],
- 'child4': [20, 10, 5, 20],
+ 'flexbox': [80, 10],
+ 'child1': [40, 10, 35, 0],
+ 'child2': [20, 10, 5, 0],
+ 'child3': [40, 10, 35, -10],
+ 'child4': [20, 10, 5, -10],
},
},
'wrap-reverse': {
'flex-start': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 40, 0],
'child2': [20, 10, 20, 0],
'child3': [40, 10, 40, 10],
'child4': [20, 10, 20, 10],
},
'flex-end': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 20, 0],
'child2': [20, 10, 0, 0],
'child3': [40, 10, 20, 10],
'child4': [20, 10, 0, 10],
},
'center': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 30, 0],
'child2': [20, 10, 10, 0],
'child3': [40, 10, 30, 10],
'child4': [20, 10, 10, 10],
},
'space-between': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 40, 0],
'child2': [20, 10, 0, 0],
'child3': [40, 10, 40, 10],
'child4': [20, 10, 0, 10],
},
'space-around': {
- 'flexbox': [80, 40],
+ 'flexbox': [80, 10],
'child1': [40, 10, 35, 0],
'child2': [20, 10, 5, 0],
'child3': [40, 10, 35, 10],
« LayoutTests/css3/flexbox/inline-flexbox-wrap-vertically-width-calculation.html ('K') | « LayoutTests/css3/flexbox/multiline-align-self.html ('k') | LayoutTests/css3/flexbox/multiline-shrink-to-fit.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698