layout/reftests/bugs/593243-2.html

   1 <!DOCTYPE HTML>
   2 <html class="reftest-wait"
   3       reftest-scrollport-w="800" reftest-scrollport-h="1000"
   4       reftest-displayport-w="800" reftest-displayport-h="1000"
   5       reftest-no-sync-layers>
   6 <head>
   7   <meta name="viewport" content="width=600; height=400; initial-scale=1.0">
   8   <title></title>
   9 <script type="text/javascript">
  10 function initialPaint() {
  11   window.removeEventListener("MozAfterPaint", initialPaint);
  12   setTimeout(type, 0);
  13 }
  14
  15 function type() {
  16   var box = document.getElementById("input");
  17   box.value = "Hello kitty";
  18   window.addEventListener("MozAfterPaint", repaint);
  19 }
  20
  21 function repaint() {
  22   window.removeEventListener("MozAfterPaint", repaint);
  23   setTimeout(finish, 0);
  24 }
  25
  26 function finish() {
  27   document.documentElement.removeAttribute("class");
  28 }
  29
  30 window.addEventListener("MozAfterPaint", initialPaint);
  31 </script>
  32 </head>
  33
  34 <body style="width: 600px; height: 400px;">
  35   <div style="position: absolute; left: 0px; top: 0px;
  36               width=600px height=600px">
  37     <div style="position: absolute; left: 0px; top: 0px;
  38                 width: 600px; height: 400px;
  39                 background-color: green;"></div>
  40     <div style="position: absolute; left: 0px; top: 400px;
  41                 width: 100px; height: 100px;">
  42       <input type="text" id="input" size="20" style="border: none;"></input>
  43     </div>
  44     <div style="position: absolute; left: 0px; top: 500px;
  45                 width: 600px; height: 100px;
  46                 background-color: yellow;"></div>
  47   </div>
  48 </body>
  49 </html>