1050493-1.html (886B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <title>Test for bug 1050493</title> 5 6 <style> 7 body { 8 position: relative; 9 } 10 #box { 11 width: 50px; 12 height: 50px; 13 background-color: red; 14 position: absolute; 15 } 16 </style> 17 18 <div style="left: 0; top: 0;" id="box"></div> 19 20 <script> 21 var positions = [ 22 { x: 4.6260797642782014, y: 0.46260797642782014 }, 23 { x: 5.0304173163526205, y: 0.4878118314685598 }, 24 { x: 5.0304173163526205, y: 0.5041006554218519 }, 25 { x: 5.556750627747686, y: 0.5041006554218519 }]; 26 var s = document.getElementById('box').style, 27 i = 0; 28 function f() { 29 if (i < positions.length) { 30 s.left = positions[i].x + "px"; 31 s.top = positions[i].y + "px"; 32 i++; 33 requestAnimationFrame(f); 34 } else { 35 document.documentElement.className = ""; 36 } 37 } 38 window.addEventListener("MozReftestInvalidate", function () { 39 f(); 40 }); 41 </script>