Bug 1379515 - Change a child element position to be able to move into view of the parent by mouse wheel. r?birtles draft
authorHiroyuki Ikezoe <hikezoe@mozilla.com>
Sat, 28 Oct 2017 18:37:36 +0900
changeset 688156 c0e0406bddccdde06aee71c43d24f464bb5cc514
parent 688155 5a79b887c2123e9b1cf40abaa4dcc8beb41d14f1
child 688157 79681439d4931e6b847a2e07f3b084f710ef0685
push id86669
push userhikezoe@mozilla.com
push dateSat, 28 Oct 2017 10:13:18 +0000
reviewersbirtles
bugs1379515
milestone58.0a1
Bug 1379515 - Change a child element position to be able to move into view of the parent by mouse wheel. r?birtles Before this patch the child element actually did not move into the view and observed an unrelated restyle maker. In the next patch we fix the observation of the unrelated restyle maker. MozReview-Commit-ID: 1DejqwF6hJg
dom/animation/test/chrome/test_restyles.html
--- a/dom/animation/test/chrome/test_restyles.html
+++ b/dom/animation/test/chrome/test_restyles.html
@@ -285,17 +285,17 @@ waitForAllPaints(function() {
      */
     if (isAndroid) {
       return;
     }
 
     var parentElement = addDiv(null,
       { style: 'overflow-y: scroll; height: 20px;' });
     var div = addDiv(null,
-      { style: 'animation: background-color 100s; position: relative; top: 100px;' });
+      { style: 'animation: background-color 100s; position: relative; top: 20px;' });
     parentElement.appendChild(div);
     var animation = div.getAnimations()[0];
 
     await animation.ready;
     var markers = await observeStyling(5);
 
     is(markers.length, 0,
        'Animations running on the main-thread for elements ' +
@@ -336,17 +336,17 @@ waitForAllPaints(function() {
 
     var grandParent = addDiv(null,
       { style: 'overflow-y: scroll; height: 20px;' });
     var parentElement = addDiv(null,
       { style: 'overflow-y: scroll; height: 100px;' });
     var div = addDiv(null,
       { style: 'animation: background-color 100s; ' +
                'position: relative; ' +
-               'top: 60px;' }); // This element is in-view in the parent, but
+               'top: 20px;' }); // This element is in-view in the parent, but
                                 // out of view in the grandparent.
     grandParent.appendChild(parentElement);
     parentElement.appendChild(div);
     var animation = div.getAnimations()[0];
 
     await animation.ready;
     var markers = await observeStyling(5);