1 <html> 2 <head> 3 <title></title> 4 <script type="text/javascript"> 5 function test() 6 { 7 var slider = document.getElementById("slider"); 8 var x = slider.offsetWidth * 3 / 4; 9 var y = slider.offsetHeight / 2; 10 11 var event = document.createEvent("MouseEvent"); 12 event.initMouseEvent("mousedown", true, true, document.defaultView, 1, 0, 0, x, y, false, false, false, false, 0, document); 13 slider.dispatchEvent(event); 14 } 15 </script> 16 </head> 17 <body onload="test()"> 18 <p> 19 Test for <i><a href="http://bugs.webkit.org/show_bug.cgi?id=11621">http://bugs.webkit.org/show_bug.cgi?id=11621</a> 20 REGRESSION (Native slider): slider thumb not updated when the mouse is dragged/released out of range</i>. 21 </p> 22 <p> 23 The slider thumbs should be at the same horizontal position. 24 </p> 25 <input type="range" id="slider" value="30"> 26 <br> 27 <input type="range" value="70"> 28 </body> 29
