diff options
Diffstat (limited to 'layout/base/crashtests/813372-1.html')
-rw-r--r-- | layout/base/crashtests/813372-1.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/layout/base/crashtests/813372-1.html b/layout/base/crashtests/813372-1.html new file mode 100644 index 0000000000..254a9bbe75 --- /dev/null +++ b/layout/base/crashtests/813372-1.html @@ -0,0 +1,52 @@ +<!DOCTYPE HTML> +<html class="reftest-wait" xmlns="http://www.w3.org/1999/xhtml"> +<head> +<!-- There is, at present, no official xsd for (X)HTML5. A pity. Usefulness would depend on the parser and extensions made by the site. --> +<title>testcase</title> + <style type="text/css"> +* { margin: 0; padding: 0; } +.hide { top: 80% !important; width: 75% !important; height: 50% !important; } + +#details +{ + position: absolute; + top: 0; + left: 0; + width: 0%; + border: 10mm dotted red; + border-radius: 100em; + background-color: lime; + height: 0%; + overflow: scroll; + transition-property: top width; + transition-duration: 0.75s; + opacity: 0.9; +} + + </style> +</head> +<body> + + +<section id="details" class="hide"> +I'm a test of hiding animation +<button onclick="this.parentNode.classList.add('hide')">Click me to hide</button> +</section> + +<script> +var kNumIterations = 5; +var currentIteration = 0; +var inrval; + +function doe() { + if (++currentIteration >= kNumIterations) { + clearInterval(inrval); + document.documentElement.removeAttribute('class'); + } else { + document.getElementById('details').classList.toggle('hide'); + } +} +document.addEventListener("MozReftestInvalidate", function(){ inrval = setInterval(doe, 1000); }); +</script> +</body> +</html> |