IonRangeSlider handles blink when updating

On some web browsers (Safari, for example) updating the handles causes them to sometimes blink in the wrong position, and then to the correct position.

by winstonchang

HTML

<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.css">
<script src="http://ionden.com/a/plugins/ion.rangeSlider/static/js/ion-rangeSlider/ion.rangeSlider.js"></script>
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.skinHTML5.css">
<div style="width:60%">
    <input id="range_01" />
</div>

<a href="#" onclick='setSliderFrom();'>Set random value</a>
<br>

JavaScript

$("#range_01").ionRangeSlider({
    type:"double",
    min:0,
    max:100,
    from:20,
    to:80
});
var slider = $("#range_01").data("ionRangeSlider");

setSliderFrom = function() {
    var n = Math.floor((Math.random() * 50));
    slider.update({
        from: n,
        to:n+50
    });
};