Slider not updated when hidden about ion.rangeslider HOT 3 CLOSED

This happens because of jquery returning width=0; when element is hidden.

#352
var getSize = function(){
normalWidth = $rangeSlider.width(); // this line returns 0
if($singleSlider) {
sliderWidth = $singleSlider.width();
} else {
sliderWidth = $fromSlider.width();
}
fullWidth = normalWidth - sliderWidth;
};

Workaround, is to render the slider only when the parent is visible. Checkout a modified fiddle:
http://jsfiddle.net/sowdri/8vbyD/5/

Thanks,

from ion.rangeslider.

Hi, @sowdri , is it really need? I think it is quite hard to trace the visibility of slider. But it is quite easy to do that on your side. For example you may call "update" method on slider, than making it visible.

from ion.rangeslider.

Oh, I'vent tried update method. I'll try that, and will let you know. Thank you for the wonderful widget, hopefully this is the only one that works on all devices.

from ion.rangeslider.