rangeSlider initialize issue

[ste-haw]

Hello!

I'm running a form that has hidden steps and all the rangeslider fields are within hidden steps.

This seems to cause issues. The slider initiates, but the slider looks something like this:

It only seems to go between the min value and the max value in 1 step, within that little space at the begging, rather than spanning the full width of the bar.

This is how I'm currently initiating it:

$('input[type="range"]').rangeslider({ polyfill : false, onInit : function() { this.output = $( '<div class="range-output" />' ).insertBefore( this.$range ).html( this.$element.val() ); this.output.html( "£" + this.$element.val() + ",000"); }, onSlide : function( position, value ) { this.output.html( "£" + value + ",000"); } });

Any help would be much appreciated!