Bug 1438814 - Stop any further transitions creation once after we got a transitionend for the width transition. r=birtles
authorHiroyuki Ikezoe <hikezoe@mozilla.com>
Fri, 24 Aug 2018 12:52:42 +0900
changeset 488356 f433ed4ff1de863250d6ebf82b5bc5afcea9b6c7
parent 488355 8cf98bdb463d7953ac604c4788f0788c6d272e45
child 488357 abd29769ce45f110299ef6bf4c667d5df496d0c1
push id9719
push userffxbld-merge
push dateFri, 24 Aug 2018 17:49:46 +0000
treeherdermozilla-beta@719ec98fba77 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersbirtles
bugs1438814
milestone63.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 1438814 - Stop any further transitions creation once after we got a transitionend for the width transition. r=birtles The transition property in this test is shorter than the period of chaging parent viewport height so that it's possible that a new transition happens after a transitionend event was dispatched. The new transition will reduce the element width (i.e. it's opposite direction of the first transition), so the transitioned yellow box was smaller than the expected result. Differential Revision: https://phabricator.services.mozilla.com/D4183
testing/web-platform/tests/css/css-values/support/vh_not_refreshing_on_chrome_iframe.html
--- a/testing/web-platform/tests/css/css-values/support/vh_not_refreshing_on_chrome_iframe.html
+++ b/testing/web-platform/tests/css/css-values/support/vh_not_refreshing_on_chrome_iframe.html
@@ -75,16 +75,18 @@
 			parent.postMessage('referenceBoxGrownHorizontallyByJS', '*');
 		}
 	}
 
 	setTimeout(animate, 20);
 
 	addEventListener('transitionend', event => {
 		if (event.propertyName == 'width') {
+			// Stop any further transitons.
+			testBoxWithTransition.style.transitionProperty = 'none';
 			parent.postMessage('testBoxWithTransition', '*');
 		}
 	}, false);
 	var transitionedTestBoxStyle = document.getElementById('testBoxWithTransition').style;
 	transitionedTestBoxStyle.height = "60px";
 </script>
 
 </body>