Forums › General › Fill lower track
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>”>
As you can see on our site it is working fine: https://wsform.com/knowledgebase/range/
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.
Is there a public URL to the form we could look at?
If you don’t have a public URL, feel free to send an export of your form to email@example.com and we’ll take a look.
Thanks for this! We found the issue and we’ll push a fix in our next release! Hopefully later today.
Version 1.8.102 was just pushed with this fix. Thanks!