bounds-1.html (514B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Test for bug 806583</title> 5 <style> 6 body, div { background: blue } 7 div { position: fixed; } 8 </style> 9 </head> 10 <body> 11 <input id="input"> 12 <div id="cover"/> 13 <script> 14 var rect = document.getElementById("input").getBoundingClientRect(); 15 var cover = document.getElementById("cover"); 16 cover.style.left = rect.left + "px"; 17 cover.style.top = rect.top + "px"; 18 cover.style.width = rect.width + "px"; 19 cover.style.height = rect.height + "px"; 20 </script> 21 </body> 22 </html>