Bug 1438814 - Make sure the transitionend event is for width property. r=birtles
authorHiroyuki Ikezoe <hikezoe@mozilla.com>
Fri, 24 Aug 2018 12:42:26 +0900
changeset 433256 e1127dfee76a03cfb7f674234b08adde0009ecda
parent 433255 f0c6e521429cfaff0585ec6eaf734e9fcf873f8a
child 433257 8cf98bdb463d7953ac604c4788f0788c6d272e45
push id34501
push usertoros@mozilla.com
push dateFri, 24 Aug 2018 09:45:02 +0000
treeherdermozilla-central@190b827aaa2b [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 - Make sure the transitionend event is for width property. r=birtles There is another transition for height property, it's possible that the received event is for the height property transition. Differential Revision: https://phabricator.services.mozilla.com/D4181
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
@@ -73,17 +73,19 @@
 			setTimeout(animate, 20);
 		} else {
 			parent.postMessage('referenceBoxGrownHorizontallyByJS', '*');
 		}
 	}
 
 	setTimeout(animate, 20);
 
-	addEventListener('transitionend', function() {
-		parent.postMessage('testBoxWithTransition', '*');
+	addEventListener('transitionend', event => {
+		if (event.propertyName == 'width') {
+			parent.postMessage('testBoxWithTransition', '*');
+		}
 	}, false);
 	var transitionedTestBoxStyle = document.getElementById('testBoxWithTransition').style;
 	transitionedTestBoxStyle.height = "60px";
 </script>
 
 </body>
 </html>