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

Issues Search
    My Issues | Starred     Open | Closed | All

Unified Diff: third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-child.html

Issue 1920453003: [css-flexbox] Implement new abspos handling (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: fix test Created 4 years, 8 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
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html ('k') | third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-children.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-child.html
diff --git a/third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-child.html b/third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-child.html
index 1095aaa7f9907a1eeb1fe95051e4a06ea161f371..650d5d7cec9e598931461bfe78a736d12fed450d 100644
--- a/third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-child.html
+++ b/third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-child.html
@@ -78,102 +78,107 @@ var writingModes = ['horizontal-tb', 'vertical-rl', 'vertical-lr'];
var flexFlows = ['row', 'column', 'row-reverse', 'column-reverse'];
var directions = ['ltr', 'rtl'];
+// In each group, you have 3x3 tests. The first 3 test "regular" flexbox,
+// the second test justify-content: space-between, and the final three test
+// justify-content: center; align-items: center;
+// In each of these groups, the absolute item is in position 0, 1, 2.
+// crossAxisOffset is used for the absolute-positioned child.
var expectations = {
'horizontal-tb': {
row: {
ltr: [
{ 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, 0, 150], sizes: [150, 0, 450] },
+ { offsets: [0, 200, 0], sizes: [200, 400, 0] },
+ { offsets: [0, 0, 560] },
{ 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 },
+ { offsets: [0, 560, 0] },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
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: [450, 600, 0], sizes: [150, 0, 450] },
+ { offsets: [400, 0, 600], sizes: [200, 400, 0] },
{ 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 },
+ { offsets: [560, 580, 0] },
+ { offsets: [560, 0, 580] },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
},
column: {
ltr: [
{ 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, 0, 30], sizes: [30, 0, 90] },
+ { offsets: [0, 40, 0], sizes: [40, 80, 0] },
+ { offsets: [0, 0, 80] },
{ 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 },
+ { offsets: [0, 80, 0] },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
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, 0, 30], sizes: [30, 0, 90] },
+ { offsets: [0, 40, 0], sizes: [40, 80, 0] },
+ { offsets: [0, 0, 80] },
{ 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 },
+ { offsets: [0, 80, 0] },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
},
'row-reverse': {
ltr: [
- { offsets: [600, 360, 0], sizes: [0, 240, 360] },
- { offsets: [450, 450, 0], sizes: [150, 0, 450] },
+ { offsets: [0, 360, 0], sizes: [0, 240, 360] },
+ { offsets: [450, 0, 0], sizes: [150, 0, 450] },
{ offsets: [400, 0, 0], sizes: [200, 400, 0] },
- { offsets: [600, 560, 0] },
- { offsets: [560, 40, 0] },
+ { offsets: [0, 560, 0] },
{ offsets: [560, 0, 0] },
- { offsets: [90, 50, 10], crossAxisOffset: 0 },
- { offsets: [50, 50, 10], crossAxisOffset: 0 },
- { offsets: [50, 10, 10], crossAxisOffset: 0 },
+ { offsets: [560, 0, 0] },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
rtl: [
- { offsets: [0, 0, 240], sizes: [0, 240, 360] },
- { offsets: [0, 150, 150], sizes: [150, 0, 450] },
+ { offsets: [600, 0, 240], sizes: [0, 240, 360] },
+ { offsets: [0, 600, 150], sizes: [150, 0, 450] },
{ offsets: [0, 200, 600], sizes: [200, 400, 0] },
- { offsets: [-20, 0, 560] },
- { offsets: [0, 540, 560] },
+ { offsets: [580, 0, 560] },
+ { offsets: [0, 580, 560] },
{ offsets: [0, 560, 580] },
- { offsets: [-30, 10, 50], crossAxisOffset: 0 },
- { offsets: [10, 10, 50], crossAxisOffset: 0 },
- { offsets: [10, 50, 50], crossAxisOffset: 0 },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
},
'column-reverse': {
ltr: [
- { offsets: [120, 72, 0], sizes: [0, 48, 72] },
- { offsets: [90, 90, 0], sizes: [30, 0, 90] },
+ { offsets: [0, 72, 0], sizes: [0, 48, 72] },
+ { offsets: [90, 0, 0], sizes: [30, 0, 90] },
{ offsets: [80, 0, 0], sizes: [40, 80, 0] },
- { offsets: [120, 80, 0] },
- { offsets: [80, 40, 0] },
+ { offsets: [0, 80, 0] },
+ { offsets: [80, 0, 0] },
{ offsets: [80, 0, 0] },
- { offsets: [90, 50, 10], crossAxisOffset: 0 },
- { offsets: [50, 50, 10], crossAxisOffset: 0 },
- { offsets: [50, 10, 10], crossAxisOffset: 0 },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
rtl: [
- { offsets: [120, 72, 0], sizes: [0, 48, 72] },
- { offsets: [90, 90, 0], sizes: [30, 0, 90] },
+ { offsets: [0, 72, 0], sizes: [0, 48, 72] },
+ { offsets: [90, 0, 0], sizes: [30, 0, 90] },
{ offsets: [80, 0, 0], sizes: [40, 80, 0] },
- { offsets: [120, 80, 0] },
- { offsets: [80, 40, 0] },
+ { offsets: [0, 80, 0] },
{ offsets: [80, 0, 0] },
- { offsets: [90, 50, 10], crossAxisOffset: 60 },
- { offsets: [50, 50, 10], crossAxisOffset: 60 },
- { offsets: [50, 10, 10], crossAxisOffset: 60 },
+ { offsets: [80, 0, 0] },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
},
},
@@ -182,98 +187,98 @@ var expectations = {
// The same as horizontal-tb + column.
ltr: [
{ 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, 0, 30], sizes: [30, 0, 90] },
+ { offsets: [0, 40, 0], sizes: [40, 80, 0] },
{ 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 },
+ { offsets: [0, 0, 80] },
+ { offsets: [0, 80, 0] },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
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: [90, 120, 0], sizes: [30, 0, 90] },
+ { offsets: [80, 0, 120], sizes: [40, 80, 0] },
{ 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 },
+ { offsets: [80, 100, 0] },
+ { offsets: [80, 0, 100] },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
},
column: {
// The same as horizontal-tb + row.
ltr: [
{ 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: [450, 600, 0], sizes: [150, 0, 450] },
+ { offsets: [400, 0, 600], sizes: [200, 400, 0] },
{ 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 },
+ { offsets: [560, 580, 0] },
+ { offsets: [560, 0, 580] },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
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: [450, 600, 0], sizes: [150, 0, 450] },
+ { offsets: [400, 0, 600], sizes: [200, 400, 0] },
{ 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 },
+ { offsets: [560, 580, 0] },
+ { offsets: [560, 0, 580] },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
},
'row-reverse': {
ltr: [
- { offsets: [120, 72, 0], sizes: [0, 48, 72] },
- { offsets: [90, 90, 0], sizes: [30, 0, 90] },
+ { offsets: [0, 72, 0], sizes: [0, 48, 72] },
+ { offsets: [90, 0, 0], sizes: [30, 0, 90] },
{ offsets: [80, 0, 0], sizes: [40, 80, 0] },
- { offsets: [120, 80, 0] },
- { offsets: [80, 40, 0] },
+ { offsets: [0, 80, 0] },
+ { offsets: [80, 0, 0] },
{ offsets: [80, 0, 0] },
- { offsets: [90, 50, 10], crossAxisOffset: 60 },
- { offsets: [50, 50, 10], crossAxisOffset: 60 },
- { offsets: [50, 10, 10], crossAxisOffset: 60 },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
rtl: [
- { offsets: [0, 0, 48], sizes: [0, 48, 72] },
- { offsets: [0, 30, 30], sizes: [30, 0, 90] },
+ { offsets: [120, 0, 48], sizes: [0, 48, 72] },
+ { offsets: [0, 120, 30], sizes: [30, 0, 90] },
{ offsets: [0, 40, 120], sizes: [40, 80, 0] },
- { offsets: [-20, 0, 80] },
- { offsets: [0, 60, 80] },
+ { offsets: [100, 0, 80] },
+ { offsets: [0, 100, 80] },
{ offsets: [0, 80, 100] },
- { offsets: [-30, 10, 50], crossAxisOffset: 60 },
- { offsets: [10, 10, 50], crossAxisOffset: 60 },
- { offsets: [10, 50, 50], crossAxisOffset: 60 },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
},
'column-reverse': {
ltr: [
- { offsets: [0, 0, 240], sizes: [0, 240, 360] },
- { offsets: [0, 150, 150], sizes: [150, 0, 450] },
+ { offsets: [600, 0, 240], sizes: [0, 240, 360] },
+ { offsets: [0, 600, 150], sizes: [150, 0, 450] },
{ offsets: [0, 200, 600], sizes: [200, 400, 0] },
- { offsets: [-20, 0, 560] },
- { offsets: [0, 540, 560] },
+ { offsets: [580, 0, 560] },
+ { offsets: [0, 580, 560] },
{ offsets: [0, 560, 580] },
- { offsets: [-30, 10, 50], crossAxisOffset: 0 },
- { offsets: [10, 10, 50], crossAxisOffset: 0 },
- { offsets: [10, 50, 50], crossAxisOffset: 0 },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
rtl: [
- { offsets: [0, 0, 240], sizes: [0, 240, 360] },
- { offsets: [0, 150, 150], sizes: [150, 0, 450] },
+ { offsets: [600, 0, 240], sizes: [0, 240, 360] },
+ { offsets: [0, 600, 150], sizes: [150, 0, 450] },
{ offsets: [0, 200, 600], sizes: [200, 400, 0] },
- { offsets: [-20, 0, 560] },
- { offsets: [0, 540, 560] },
+ { offsets: [580, 0, 560] },
+ { offsets: [0, 580, 560] },
{ offsets: [0, 560, 580] },
- { offsets: [-30, 10, 50], crossAxisOffset: 60 },
- { offsets: [10, 10, 50], crossAxisOffset: 60 },
- { offsets: [10, 50, 50], crossAxisOffset: 60 },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
}
},
@@ -282,97 +287,97 @@ var expectations = {
// The same as horizontal-tb + column.
ltr: [
{ 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, 0, 30], sizes: [30, 0, 90] },
+ { offsets: [0, 40, 0], sizes: [40, 80, 0] },
+ { offsets: [0, 0, 80] },
{ 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 },
+ { offsets: [0, 80, 0] },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
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: [90, 120, 0], sizes: [30, 0, 90] },
+ { offsets: [80, 0, 120], sizes: [40, 80, 0] },
{ 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 },
+ { offsets: [80, 100, 0] },
+ { offsets: [80, 0, 100] },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
},
column: {
ltr: [
{ 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, 0, 150], sizes: [150, 0, 450] },
+ { offsets: [0, 200, 0], sizes: [200, 400, 0] },
+ { offsets: [0, 0, 560] },
{ 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 },
+ { offsets: [0, 560, 0] },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
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, 0, 150], sizes: [150, 0, 450] },
+ { offsets: [0, 200, 0], sizes: [200, 400, 0] },
+ { offsets: [0, 0, 560] },
{ 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 },
+ { offsets: [0, 560, 0] },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
},
'row-reverse': {
ltr: [
- { offsets: [120, 72, 0], sizes: [0, 48, 72] },
- { offsets: [90, 90, 0], sizes: [30, 0, 90] },
+ { offsets: [0, 72, 0], sizes: [0, 48, 72] },
+ { offsets: [90, 0, 0], sizes: [30, 0, 90] },
{ offsets: [80, 0, 0], sizes: [40, 80, 0] },
- { offsets: [120, 80, 0] },
- { offsets: [80, 40, 0] },
+ { offsets: [0, 80, 0] },
{ offsets: [80, 0, 0] },
- { offsets: [90, 50, 10], crossAxisOffset: 0 },
- { offsets: [50, 50, 10], crossAxisOffset: 0 },
- { offsets: [50, 10, 10], crossAxisOffset: 0 },
+ { offsets: [80, 0, 0] },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
rtl: [
- { offsets: [0, 0, 48], sizes: [0, 48, 72] },
- { offsets: [0, 30, 30], sizes: [30, 0, 90] },
+ { offsets: [120, 0, 48], sizes: [0, 48, 72] },
+ { offsets: [0, 120, 30], sizes: [30, 0, 90] },
{ offsets: [0, 40, 120], sizes: [40, 80, 0] },
- { offsets: [-20, 0, 80] },
- { offsets: [0, 60, 80] },
+ { offsets: [100, 0, 80] },
+ { offsets: [0, 100, 80] },
{ offsets: [0, 80, 100] },
- { offsets: [-30, 10, 50], crossAxisOffset: 0 },
- { offsets: [10, 10, 50], crossAxisOffset: 0 },
- { offsets: [10, 50, 50], crossAxisOffset: 0 },
+ { offsets: [30, 10, 50], crossAxisOffset: 30 },
+ { offsets: [10, 30, 50], crossAxisOffset: 30 },
+ { offsets: [10, 50, 30], crossAxisOffset: 30 },
],
},
'column-reverse': {
ltr: [
- { offsets: [600, 360, 0], sizes: [0, 240, 360] },
- { offsets: [450, 450, 0], sizes: [150, 0, 450] },
+ { offsets: [0, 360, 0], sizes: [0, 240, 360] },
+ { offsets: [450, 0, 0], sizes: [150, 0, 450] },
{ offsets: [400, 0, 0], sizes: [200, 400, 0] },
- { offsets: [600, 560, 0] },
- { offsets: [560, 40, 0] },
+ { offsets: [0, 560, 0] },
+ { offsets: [560, 0, 0] },
{ offsets: [560, 0, 0] },
- { offsets: [90, 50, 10], crossAxisOffset: 0 },
- { offsets: [50, 50, 10], crossAxisOffset: 0 },
- { offsets: [50, 10, 10], crossAxisOffset: 0 },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
rtl: [
- { offsets: [600, 360, 0], sizes: [0, 240, 360] },
- { offsets: [450, 450, 0], sizes: [150, 0, 450] },
+ { offsets: [0, 360, 0], sizes: [0, 240, 360] },
+ { offsets: [450, 0, 0], sizes: [150, 0, 450] },
{ offsets: [400, 0, 0], sizes: [200, 400, 0] },
- { offsets: [600, 560, 0] },
- { offsets: [560, 40, 0] },
+ { offsets: [0, 560, 0] },
+ { offsets: [560, 0, 0] },
{ offsets: [560, 0, 0] },
- { offsets: [90, 50, 10], crossAxisOffset: 60 },
- { offsets: [50, 50, 10], crossAxisOffset: 60 },
- { offsets: [50, 10, 10], crossAxisOffset: 60 },
+ { offsets: [30, 50, 10], crossAxisOffset: 30 },
+ { offsets: [50, 30, 10], crossAxisOffset: 30 },
+ { offsets: [50, 10, 30], crossAxisOffset: 30 },
],
},
}
« no previous file with comments | « third_party/WebKit/LayoutTests/css3/flexbox/align-absolute-child.html ('k') | third_party/WebKit/LayoutTests/css3/flexbox/position-absolute-children.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698