Slider not updated when hidden

[sowdri]

When the slider is hidden while initializing, the markers are not in the correct position.
Refer the following fiddle for the problem:
http://jsfiddle.net/sowdri/8vbyD/2/

Thanks,

[sowdri]

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,

[IonDen]

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.

[sowdri]

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.