Rotation animations sometimes use the wrong origin (affects apple.com)
authordino@apple.com <dino@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 21 Feb 2019 22:36:32 +0000 (22:36 +0000)
committerdino@apple.com <dino@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Thu, 21 Feb 2019 22:36:32 +0000 (22:36 +0000)
https://bugs.webkit.org/show_bug.cgi?id=194878
<rdar://problem/43908047>

Reviewed by Simon Fraser.

Forgot the expected results file.

* animations/additive-transform-animations-expected.html: Added.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@241904 268f45cc-cd09-0410-ab3c-d52691b4dbfc

LayoutTests/ChangeLog
LayoutTests/animations/additive-transform-animations-expected.html [new file with mode: 0644]

index f7b0897..fb77798 100644 (file)
@@ -1,3 +1,15 @@
+2019-02-21  Dean Jackson  <dino@apple.com>
+
+        Rotation animations sometimes use the wrong origin (affects apple.com)
+        https://bugs.webkit.org/show_bug.cgi?id=194878
+        <rdar://problem/43908047>
+
+        Reviewed by Simon Fraser.
+
+        Forgot the expected results file.
+
+        * animations/additive-transform-animations-expected.html: Added.
+
 2019-02-21  Zalan Bujtas  <zalan@apple.com>
 
         [LFC][Floats] Add support for placing formatting roots in-between floats.
diff --git a/LayoutTests/animations/additive-transform-animations-expected.html b/LayoutTests/animations/additive-transform-animations-expected.html
new file mode 100644 (file)
index 0000000..083a2dd
--- /dev/null
@@ -0,0 +1,33 @@
+<style>
+    #original {
+        position: absolute;
+        top: 100px;
+        left: 100px;
+        width: 100px;
+        height: 100px;
+        background-color: blue;
+    }
+
+    #rotator {
+        position: absolute;
+        top: 100px;
+        left: 100px;
+        width: 100px;
+        height: 100px;
+        background-color: red;
+        transform: rotate(40deg) translate(50%, 50%);
+    }
+
+    #cover {
+        position: absolute;
+        top: 150px;
+        left: 50px;
+        width: 200px;
+        height: 150px;
+        background-color: green;
+    }
+</style>
+<p>You should not see any of the rotating red rectangle</p>
+<div id="original"></div>
+<div id="rotator"></div>
+<div id="cover"></div>