Slider thumb visibility

[naive moss]

Hello there
hiding the thumb reveals the progress bar, despite that the value is zero. is there a non-hacky way to fix this?

[unkempt prawn]

You can customize component styles with Styles API

[naive moss]

is it customizable just by styles? it seems i need to change the size to 0 when value is 0. not the best way. but --slider-bar-width is defined inside a js file

[unkempt prawn]

Change width styles instead of --slider-bar-width

[naive moss]

this seems to fixed the issue. overflow hidden hides the extra parts, and padding: 0 gets back the lost width

[naive moss]

@unkempt prawn , can you give some pointers how to set the width? do you mean calculate it dynamically and set it? my css works, but it's tricky if I want to keep rounded borders

[unkempt prawn]

If you do not want the filled section at all you can set width to 0 or hide it entirely with disaplay:none when the value is at its minimum

[naive moss]

yes, that's what i meant by "hacky" if we're hiding it conditionally 🙂