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