layout/base/crashtests/813372-1.html@b8a032363ba2 (annotated)
layout/base/crashtests/813372-1.html
Thu, 22 Jan 2015 13:21:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 22 Jan 2015 13:21:57 +0100
- branch
- TOR_BUG_9701
- changeset 15
- b8a032363ba2
- permissions
- -rw-r--r--
Incorporate requested changes from Mozilla in review:
https://bugzilla.mozilla.org/show_bug.cgi?id=1123480#c6
| michael@0 | 1 | <!DOCTYPE HTML> |
| michael@0 | 2 | <html class="reftest-wait" xmlns="http://www.w3.org/1999/xhtml"> |
| michael@0 | 3 | <head> |
| michael@0 | 4 | <!-- There is, at present, no official xsd for (X)HTML5. A pity. Usefulness would depend on the parser and extensions made by the site. --> |
| michael@0 | 5 | <title>testcase</title> |
| michael@0 | 6 | <style type="text/css"> |
| michael@0 | 7 | * { margin: 0; padding: 0; } |
| michael@0 | 8 | .hide { top: 80% !important; width: 75% !important; height: 50% !important; } |
| michael@0 | 9 | |
| michael@0 | 10 | #details |
| michael@0 | 11 | { |
| michael@0 | 12 | position: absolute; |
| michael@0 | 13 | top: 0; |
| michael@0 | 14 | left: 0; |
| michael@0 | 15 | width: 0%; |
| michael@0 | 16 | border: 10mm dotted red; |
| michael@0 | 17 | border-radius: 100em; |
| michael@0 | 18 | background-color: lime; |
| michael@0 | 19 | height: 0%; |
| michael@0 | 20 | overflow: scroll; |
| michael@0 | 21 | -moz-transition-property: top width; |
| michael@0 | 22 | -moz-transition-duration: 0.75s; |
| michael@0 | 23 | opacity: 0.9; |
| michael@0 | 24 | } |
| michael@0 | 25 | |
| michael@0 | 26 | </style> |
| michael@0 | 27 | </head> |
| michael@0 | 28 | <body> |
| michael@0 | 29 | |
| michael@0 | 30 | |
| michael@0 | 31 | <section id="details" class="hide"> |
| michael@0 | 32 | I'm a test of hiding animation |
| michael@0 | 33 | <button onclick="this.parentNode.classList.add('hide')">Click me to hide</button> |
| michael@0 | 34 | </section> |
| michael@0 | 35 | |
| michael@0 | 36 | <script> |
| michael@0 | 37 | var kNumIterations = 5; |
| michael@0 | 38 | var currentIteration = 0; |
| michael@0 | 39 | var inrval; |
| michael@0 | 40 | |
| michael@0 | 41 | function doe() { |
| michael@0 | 42 | if (++currentIteration >= kNumIterations) { |
| michael@0 | 43 | clearInterval(inrval); |
| michael@0 | 44 | document.documentElement.removeAttribute('class'); |
| michael@0 | 45 | } else { |
| michael@0 | 46 | document.getElementById('details').classList.toggle('hide'); |
| michael@0 | 47 | } |
| michael@0 | 48 | } |
| michael@0 | 49 | document.addEventListener("MozReftestInvalidate", function(){ inrval = setInterval(doe, 1000); }, false); |
| michael@0 | 50 | </script> |
| michael@0 | 51 | </body> |
| michael@0 | 52 | </html> |
