layout/reftests/forms/select/focusring-1.html

   1 <!DOCTYPE HTML>
   2 <html class="reftest-wait"><head>
   3     <meta charset="utf-8">
   4     <title>Testcase #1 for bug 1253977</title>
   5     <style type="text/css">
   6
   7 * { -moz-appearance:none; }
   8 :focus {
   9   border:2px solid black;
  10 }
  11 :-moz-focusring {
  12   outline: 2px dashed black;
  13 }
  14
  15     </style>
  16 </head>
  17 <body>
  18
  19 <select><option>1<option>2</select>
  20 <input>
  21
  22 <script>
  23
  24 function runTests() {
  25   var s = document.querySelector("select");
  26   var b = document.querySelector("input");
  27   s.focus();
  28   document.body.offsetHeight;
  29   setTimeout(function(){ s.style.display = 'none'; document.body.offsetHeight; }, 2);
  30   setTimeout(function(){ b.focus(); document.body.offsetHeight; }, 3);
  31   setTimeout(function(){ s.style.display = 'inline'; document.body.offsetHeight; }, 4);
  32   setTimeout(function(){ document.documentElement.removeAttribute("class"); }, 100);
  33 }
  34
  35 window.focus();
  36 window.addEventListener("MozReftestInvalidate", runTests);
  37
  38 </script>
  39
  40 </body>
  41 </html>