focusring-1.html (940B)
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>