1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/bugs/598726-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,47 @@
1.4 +<!DOCTYPE html>
1.5 +<html class="reftest-wait reftest-snapshot-all">
1.6 + <head>
1.7 + <style type="text/css">
1.8 + input {
1.9 + -webkit-transition: -webkit-transform 200ms ease-in-out;
1.10 + transition: transform 200ms ease-in-out;
1.11 + }
1.12 + input:focus {
1.13 + -webkit-transform: scale(1.05);
1.14 + transform: scale(1.05);
1.15 + }
1.16 + </style>
1.17 + <script>
1.18 + function boom() {
1.19 + var i = document.querySelector("input");
1.20 + i.addEventListener("transitionend", function(aEvent) {
1.21 + if (aEvent.propertyName != 'transform' &&
1.22 + aEvent.propertyName != '-webkit-transform') {
1.23 + return;
1.24 + }
1.25 + i.removeEventListener("transitionend", arguments.callee, true);
1.26 + i.value = "test";
1.27 + i.getClientRects();
1.28 + i.value = "";
1.29 + i.getClientRects();
1.30 + i.addEventListener("transitionend", function(aEvent) {
1.31 + if (aEvent.propertyName != 'transform' &&
1.32 + aEvent.propertyName != '-webkit-transform') {
1.33 + return;
1.34 + }
1.35 + i.removeEventListener("transitionend", arguments.callee, true);
1.36 + i.getClientRects();
1.37 + document.documentElement.setAttribute("class", "reftest-snapshot-all");
1.38 + }, true);
1.39 + i.blur();
1.40 + i.getClientRects();
1.41 + }, true);
1.42 + i.focus();
1.43 + i.getClientRects();
1.44 + }
1.45 + </script>
1.46 + </head>
1.47 + <body onload="boom()">
1.48 + <input type="text" placeholder="foo">
1.49 + </body>
1.50 +</html>
