slider-thumb-tracking.html   [plain text]

    <script type="text/javascript">
        function test()
            var slider = document.getElementById("slider");
            var x = slider.offsetWidth * 3 / 4;
            var y = slider.offsetHeight / 2;
            var event = document.createEvent("MouseEvent");
            event.initMouseEvent("mousedown", true, true, document.defaultView, 1, 0, 0, x, y, false, false, false, false, 0, document);
<body onload="test()">
        Test for <i><a href=""></a>
        REGRESSION (Native slider): slider thumb not updated when the mouse is dragged/released out of range</i>.
        The slider thumbs should be at the same horizontal position.
    <input type="range" id="slider" value="30">
    <input type="range" value="70">