-
Notifications
You must be signed in to change notification settings - Fork 156
Description
Description
When using the Ignite UI Angular Slider component (igx-slider
) with decimal tick steps (e.g., [step]="0.1"
), the upper thumb does not reach the maximum value. For instance, when setting minValue
to 0, maxValue
to 10, and step
to 0.1, the upper thumb only reaches 9.8, leaving a gap at the upper bound. This issue is only observed when interacting with the slider directly; updating values through other inputs reflects the correct values up to the maximum.
- igniteui-angular version: *
- browser: all
Steps to reproduce
- Initialize an
igx-slider
component with the following settings:minValue
set to 0maxValue
set to 10step
set to 0.1
- Set the slider type to
RANGE
. - Bind the slider to a model where the range is from 0 to 10.
- Attempt to slide the upper thumb of the slider up to the maximum bound.
Result
The upper thumb of the slider only reaches 9.8 instead of the maximum value of 10. When interacting with the slider, it becomes impossible to move the thumb to exactly 10.
Expected result
The upper thumb should be able to reach the maxValue
of 10 without any gaps when moving the slider.
Attachments
Sample available on StackBlitz: Slider Issue Sample