HTML Elements › Forums › Slider › horizontal range-slider missing selection track highlight from
Tagged: CSS slider
This topic contains 4 replies, has 2 voices, and was last updated by Anonymous 3 months, 1 week ago.
- AuthorPosts
- September 5, 2019 at 1:58 pm #100312
AnonymousSee:Â 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
September 5, 2019 at 2:02 pm #100313
Anonymousapplies to basic, non-range sliders too:Â https://www.htmlelements.com/demos/slider/basic/
September 5, 2019 at 5:20 pm #100314Hi 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,
GeorgeSmart HTML Elements Team
https://www.htmlelements.comSeptember 5, 2019 at 9:51 pm #100315
AnonymousI 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));
}
September 6, 2019 at 7:32 am #100316
AnonymousNow, 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 3 months, 1 week ago by .
- This reply was modified 3 months, 1 week ago by .
- AuthorPosts
You must be logged in to reply to this topic.