Fill lower track

[WpNews]

Hi!

Custom CSS and fill lower track has been working until recently. Now the lower part does not get filled.

–wsf-fill-lower-track: 0%; (see below) does not change when the slider is moved, as on your demo page…?

<div class=”wsf-extra-small-12 wsf-tile wsf-field-wrapper” id=”wsf-1-field-wrapper-184″ data-id=”184″ data-type=”range”><input type=”range” id=”wsf-1-field-184″ name=”field_184″ value=”0″ min=”0″ max=”100″ step=”1″ data-fill-lower-track=”” class=”wsf-field” aria-label=”Range Slider” data-populate-event=”change” style=”–wsf-fill-lower-track: 0%;” data-init-validate-real-time=””></div>”>

[Mark Westguard]

Hi!

I would recommend checking your site for any JavaScript errors in the browser inspector. The lower track % is set using JavaScript whenever the range slider value changes, so if there is a JS error, this functionality would stop working.

As you can see on our site it is working fine: https://wsform.com/knowledgebase/range/

Many thanks!

Mark

[WpNews]

Hi!

No errors.

If ‘Default value of range slider’ is set to for example 50, the lower track is filled, but it is stuck on 50 when the slider is moved.

Thanks!

[Mark Westguard]

Is there a public URL to the form we could look at?

Thanks!

Mark

[Mark Westguard]

If you don’t have a public URL, feel free to send an export of your form to support@wsform.com and we’ll take a look.

Thanks!

Mark

[WpNews]

Contact Page

[Mark Westguard]

Thanks for this! We found the issue and we’ll push a fix in our next release! Hopefully later today.

Mark

[WpNews]

Thanks 🙂

[Mark Westguard]

Version 1.8.102 was just pushed with this fix. Thanks!

[Author]

Posts