horizontal range-slider missing selection track highlight from

[admin]

See: https://www.htmlelements.com/demos/slider/range-selection/
Blue highlight is missing on the horizontal range-slider track – regression in /source/styles/smart.default.css since 3.2.
Affected versions: 4.0 4.1 4.2 4.3 4.3

[admin]

applies to basic, non-range sliders too: https://www.htmlelements.com/demos/slider/basic/

[admin]

Hi cetinsert,
Thanks for writing.
The smart-slider .smart-value CSS is used. You can customize the CSS class based on your application needs.
Best Regards,
George
Smart HTML Elements Team
https://www.htmlelements.com

[admin]

I mean … since 4.0! I need additional CSS to make that div appear for horizontal sliders. This is a regression in your CSS. Please treat it as such.
Below is a quick fix:

smart-slider:not([orientation=vertical]) .smart-value {
--h: 2px; --d: -1px;
height: var(--h);
transform: translate(var(--d), var(--d));
}


[admin]

Now, this https://www.htmlelements.com/demos/slider/ticks-on-track/ works with CSS of >=4.0 but not in 3.2.
That is probably where the regression for the simpler case mentioned above was introduced!

[Author]

Posts