summaryrefslogtreecommitdiffstats
path: root/layout/base/crashtests/813372-1.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/base/crashtests/813372-1.html')
-rw-r--r--layout/base/crashtests/813372-1.html52
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>