Bug 1536392 - Make the transform transition opposite direction of the translate transition to make sure the transformed results is inside the display port. r=boris
authorHiroyuki Ikezoe <hikezoe.birchill@mozilla.com>
Thu, 26 Sep 2019 21:01:26 +0000
changeset 495203 8b55e3a5434e09ec084f38e3cc295ffc4b6085b7
parent 495202 65412a4e27d4e320f2fb03926f96d2eafdd025aa
child 495204 049de73fed5c1f0b3b5a92a1ec2f7096de694188
push id96517
push userhikezoe.birchill@mozilla.com
push dateThu, 26 Sep 2019 21:35:17 +0000
treeherderautoland@049de73fed5c [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersboris
bugs1536392
milestone71.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1536392 - Make the transform transition opposite direction of the translate transition to make sure the transformed results is inside the display port. r=boris Differential Revision: https://phabricator.services.mozilla.com/D47200
layout/style/test/test_animations_omta.html
--- a/layout/style/test/test_animations_omta.html
+++ b/layout/style/test/test_animations_omta.html
@@ -2586,34 +2586,34 @@ addAsyncAnimTest(async function() {
   new_div("translate: 100px; " +
           "scale: 1 1; " +
           "transform: translate(200px); " +
           "transition: all 10s linear");
   await waitForPaintsFlushed();
 
   gDiv.style.translate = "200px";
   gDiv.style.scale = "2 2";
-  gDiv.style.transform = "translate(300px)";
+  gDiv.style.transform = "translate(100px)";
   await waitForPaintsFlushed();
 
   omta_is("transform", { compositorValue: { tx: 300 },
                          usesMultipleProperties: true },
           RunningOn.Compositor,
           "transform-like properties transition runs on compositor thread");
 
   advance_clock(5000);
 
   if (isGeckoView()) {
     todo(false,
          "Bug 1536392: GeckoView with e10s: cannot get correct OMTA style");
   } else {
     omta_is("transform",
             // The order is: translate, scale, transform.
             // So the translate() in transform should be multiplied by 1.5.
-            { compositorValue: [ 1.5, 0, 0, 1.5, (150 + 250*1.5), 0 ],
+            { compositorValue: [ 1.5, 0, 0, 1.5, (150 + 150*1.5), 0 ],
               usesMultipleProperties: true },
             RunningOn.Compositor,
             "transform-like properties on compositor at 5s");
   }
 
   done_div();
 });