Change the initial value of offset-position to be normal.
Per spec issue, https://github.com/w3c/fxtf-drafts/issues/522, its
initial value should be normal. (This has been merged into the spec.)
Note: css/motion/inheritance.html was updated in the WPT remote repo, so
I intentionally didn't change it and added the expection for now.
Differential Revision: https://phabricator.services.mozilla.com/D185230
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1846817
gecko-commit: 448119a9baa5f23a986c3e568cdfd580baf23273
gecko-reviewers: dholbert
diff --git a/css/motion/offset-path-ray-001.html b/css/motion/offset-path-ray-001.html
index 26b3b11..39c1033 100644
--- a/css/motion/offset-path-ray-001.html
+++ b/css/motion/offset-path-ray-001.html
@@ -17,6 +17,7 @@
transform-origin: 0px 0px;
offset-path: ray(135deg closest-side);
offset-distance: 20px;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-002.html b/css/motion/offset-path-ray-002.html
index 7c02365..4af6394 100644
--- a/css/motion/offset-path-ray-002.html
+++ b/css/motion/offset-path-ray-002.html
@@ -16,6 +16,7 @@
transform-origin: 0px 0px;
offset-path: ray(135deg closest-side);
offset-distance: 20%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-003.html b/css/motion/offset-path-ray-003.html
index 4dc27c4..cbcbd8b 100644
--- a/css/motion/offset-path-ray-003.html
+++ b/css/motion/offset-path-ray-003.html
@@ -20,6 +20,7 @@
transform-origin: 0px 0px;
offset-path: ray(135deg closest-side);
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-004.html b/css/motion/offset-path-ray-004.html
index e6bf08f..9b6f5be 100644
--- a/css/motion/offset-path-ray-004.html
+++ b/css/motion/offset-path-ray-004.html
@@ -20,6 +20,7 @@
transform-origin: 0px 0px;
offset-path: ray(135deg farthest-side);
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-005.html b/css/motion/offset-path-ray-005.html
index a1aa8e1..26167b6 100644
--- a/css/motion/offset-path-ray-005.html
+++ b/css/motion/offset-path-ray-005.html
@@ -20,6 +20,7 @@
transform-origin: 0px 0px;
offset-path: ray(135deg closest-corner);
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-006.html b/css/motion/offset-path-ray-006.html
index dbbd12b..d3bea43 100644
--- a/css/motion/offset-path-ray-006.html
+++ b/css/motion/offset-path-ray-006.html
@@ -20,6 +20,7 @@
transform-origin: 0px 0px;
offset-path: ray(135deg farthest-corner);
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-007.html b/css/motion/offset-path-ray-007.html
index 1e75771..7b9ff1e 100644
--- a/css/motion/offset-path-ray-007.html
+++ b/css/motion/offset-path-ray-007.html
@@ -20,6 +20,7 @@
transform-origin: 0px 0px;
offset-path: ray(180deg sides);
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-008.html b/css/motion/offset-path-ray-008.html
index 97d9cfb..6071392 100644
--- a/css/motion/offset-path-ray-008.html
+++ b/css/motion/offset-path-ray-008.html
@@ -19,6 +19,7 @@
background-color: lime;
offset-path: ray(-90deg sides);
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-009.html b/css/motion/offset-path-ray-009.html
index c4986eb..8cff313 100644
--- a/css/motion/offset-path-ray-009.html
+++ b/css/motion/offset-path-ray-009.html
@@ -19,6 +19,7 @@
background-color: lime;
offset-path: ray(180deg closest-side);
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-010.html b/css/motion/offset-path-ray-010.html
index d10afe1..da09350 100644
--- a/css/motion/offset-path-ray-010.html
+++ b/css/motion/offset-path-ray-010.html
@@ -17,6 +17,7 @@
transform-origin: 0px 0px;
offset-path: ray(135deg);
offset-distance: 20px;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-contain-001.html b/css/motion/offset-path-ray-contain-001.html
index ba03f11..dc3cb4d 100644
--- a/css/motion/offset-path-ray-contain-001.html
+++ b/css/motion/offset-path-ray-contain-001.html
@@ -20,6 +20,7 @@
offset-path: ray(180deg closest-corner contain);
offset-rotate: 0deg;
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-contain-002.html b/css/motion/offset-path-ray-contain-002.html
index db7710c..6825c75 100644
--- a/css/motion/offset-path-ray-contain-002.html
+++ b/css/motion/offset-path-ray-contain-002.html
@@ -20,6 +20,7 @@
offset-path: ray(180deg closest-side contain);
offset-rotate: 0deg;
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-contain-003.html b/css/motion/offset-path-ray-contain-003.html
index 08705ad..a71c8aa 100644
--- a/css/motion/offset-path-ray-contain-003.html
+++ b/css/motion/offset-path-ray-contain-003.html
@@ -20,6 +20,7 @@
offset-path: ray(45deg closest-side contain);
offset-rotate: 0deg;
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-contain-004.html b/css/motion/offset-path-ray-contain-004.html
index d5c5ecf..0689ccb 100644
--- a/css/motion/offset-path-ray-contain-004.html
+++ b/css/motion/offset-path-ray-contain-004.html
@@ -21,6 +21,7 @@
offset-path: ray(45deg closest-side contain);
offset-rotate: auto;
offset-distance: 100%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-ray-contain-005.html b/css/motion/offset-path-ray-contain-005.html
index fc74702..6e44f88 100644
--- a/css/motion/offset-path-ray-contain-005.html
+++ b/css/motion/offset-path-ray-contain-005.html
@@ -24,6 +24,7 @@
offset-anchor: 200% -300%;
offset-rotate: -90deg;
offset-distance: 50%;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-path-shape-circle-002.html b/css/motion/offset-path-shape-circle-002.html
index 6723961..74828fe 100644
--- a/css/motion/offset-path-shape-circle-002.html
+++ b/css/motion/offset-path-shape-circle-002.html
@@ -17,6 +17,7 @@
background-color: green;
position: relative;
offset-path: circle();
+ offset-position: auto;
width: 100px;
height: 100px;
}
diff --git a/css/motion/offset-path-shape-ellipse-002.html b/css/motion/offset-path-shape-ellipse-002.html
index 461838a..fa647a9 100644
--- a/css/motion/offset-path-shape-ellipse-002.html
+++ b/css/motion/offset-path-shape-ellipse-002.html
@@ -17,6 +17,7 @@
background-color: green;
position: relative;
offset-path: ellipse();
+ offset-position: auto;
width: 100px;
height: 100px;
}
diff --git a/css/motion/offset-rotate-001.html b/css/motion/offset-rotate-001.html
index 5514769..e5b13fe 100644
--- a/css/motion/offset-rotate-001.html
+++ b/css/motion/offset-rotate-001.html
@@ -17,6 +17,7 @@
transform-origin: 0px 0px;
offset-path: ray(120deg closest-corner);
offset-rotate: auto;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/offset-rotate-002.html b/css/motion/offset-rotate-002.html
index fb301be..1edf38d 100644
--- a/css/motion/offset-rotate-002.html
+++ b/css/motion/offset-rotate-002.html
@@ -17,6 +17,7 @@
transform-origin: 0px 0px;
offset-path: ray(-120deg closest-corner);
offset-rotate: reverse 60deg;
+ offset-position: auto;
}
</style>
</head>
diff --git a/css/motion/parsing/offset-parsing-valid.html b/css/motion/parsing/offset-parsing-valid.html
index 7a5d9c9..6358582 100644
--- a/css/motion/parsing/offset-parsing-valid.html
+++ b/css/motion/parsing/offset-parsing-valid.html
@@ -14,7 +14,7 @@
<script>
test_valid_value("offset", "100px none auto 90deg", "100px center none auto 90deg");
test_valid_value("offset", "100px", "100px center");
-test_valid_value("offset", "auto none reverse", "none reverse");
+test_valid_value("offset", "normal none reverse", "none reverse");
test_valid_value("offset", "auto");
test_valid_value("offset", "center bottom path(\"M 1 2 V 3 Z\")");
test_valid_value("offset", "center center path(\"M 0 0 L 100 100 M 100 200 L 200 200 Z L 300 300 Z\") 100% 90deg / left bottom");
diff --git a/css/motion/parsing/offset-shorthand.html b/css/motion/parsing/offset-shorthand.html
index 5e38b8c..585e4e6 100644
--- a/css/motion/parsing/offset-shorthand.html
+++ b/css/motion/parsing/offset-shorthand.html
@@ -28,7 +28,7 @@
});
test_shorthand_value('offset', 'path("M 0 0 H 2") reverse 50%', {
- 'offset-position': 'auto',
+ 'offset-position': 'normal',
'offset-path': 'path("M 0 0 H 2")',
'offset-distance': '50%',
'offset-rotate': 'reverse',
