Chromium Code Reviews Chromium Code Reviews
Issue 2369143003:
CSS Motion Path: offset-position,offset-path establish stacking context (Closed)
| Index: third_party/WebKit/LayoutTests/css3/motion-path/offsetParent.html |
| diff --git a/third_party/WebKit/LayoutTests/css3/motion-path/offsetParent.html b/third_party/WebKit/LayoutTests/css3/motion-path/offsetParent.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..1b972e8d1275c3191a884fc4f5fb84dcb9d3d5e5 |
| --- /dev/null |
| +++ b/third_party/WebKit/LayoutTests/css3/motion-path/offsetParent.html |
| @@ -0,0 +1,38 @@ |
| +<!DOCTYPE html> |
| +<script src="../../resources/testharness.js"></script> |
| +<script src="../../resources/testharnessreport.js"></script> |
| +<section id="container" style="will-change: transform"> |
|
suzyh_UTC10 (ex-contributor)
2016/09/27 03:49:10
What is the purpose of "will-change: transform" he
Eric Willigers
2016/09/27 04:34:28
It is for the last three tests. offset-distance, o
|
| + <div id="d1" style="offset-position: 0% 0%"> |
| + <span id="s1"></span> |
| + </div> |
| + <div id="d2" style="offset-path: path('m 0 0 z')"> |
| + <span id="s2"></span> |
| + </div> |
| + <div id="d3" style="offset-distance: 100%"> |
| + <span id="s3"></span> |
| + </div> |
| + <div id="d4" style="offset-rotation: 360deg"> |
| + <span id="s4"></span> |
| + </div> |
| + <div id="d5" style="offset-anchor: bottom right"> |
| + <span id="s5"></span> |
| + </div> |
| +</section> |
| +<script> |
| +'use strict'; |
| +test(function() { |
| + assert_equals(document.getElementById("s1").offsetParent, document.getElementById("d1")); |
|
suzyh_UTC10 (ex-contributor)
2016/09/27 03:49:10
Aside: Wow, offsetParent is a confusing name in th
Eric Willigers
2016/09/27 04:34:28
Agreed. Confusing name.
https://drafts.csswg.org/c
|
| +}, "inside offset-position"); |
| +test(function() { |
| + assert_equals(document.getElementById("s2").offsetParent, document.getElementById("d2")); |
|
sashab
2016/09/29 04:47:37
Just use s2, d2 etc instead of getElementById.
Eric Willigers
2016/09/29 05:07:30
Done.
|
| +}, "inside offset-path"); |
| +test(function() { |
| + assert_equals(document.getElementById("s3").offsetParent, document.getElementById("container")); |
| +}, "inside offset-distance"); |
| +test(function() { |
| + assert_equals(document.getElementById("s4").offsetParent, document.getElementById("container")); |
| +}, "inside offset-rotation"); |
| +test(function() { |
| + assert_equals(document.getElementById("s5").offsetParent, document.getElementById("container")); |
| +}, "inside offset-anchor"); |
| +</script> |
