horizontal range-slider missing selection track highlight from

[cetinsertParticipant]

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

[cetinsertParticipant]

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

[adminKeymaster]

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

[cetinsertParticipant]

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));
}


[cetinsertParticipant]

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!

• This reply was modified 1 week, 4 days ago by  cetinsert.
• This reply was modified 1 week, 4 days ago by  cetinsert.

[Author]

Posts