main - 3314414 fix(material/slider): Tick marks changes position as the slider is changed (for a step that is decimal number) (#29108)

Author: lsamboretrorabbit

esm2022/slider/slider.mjs

@@ -870,8 +870,8 @@ class MatSlider {
     }
     _updateTickMarkUINonRange(step) {
         const value = this._getValue();
-        let numActive = Math.max(Math.floor((value - this.min) / step), 0);
-        let numInactive = Math.max(Math.floor((this.max - value) / step), 0);
+        let numActive = Math.max(Math.round((value - this.min) / step), 0);
+        let numInactive = Math.max(Math.round((this.max - value) / step), 0);
         this._isRtl ? numActive++ : numInactive++;
         this._tickMarks = Array(numActive)
             .fill(_MatTickMark.ACTIVE)
@@ -880,9 +880,9 @@ class MatSlider {
     _updateTickMarkUIRange(step) {
         const endValue = this._getValue();
         const startValue = this._getValue(_MatThumb.START);
-        const numInactiveBeforeStartThumb = Math.max(Math.floor((startValue - this.min) / step), 0);
-        const numActive = Math.max(Math.floor((endValue - startValue) / step) + 1, 0);
-        const numInactiveAfterEndThumb = Math.max(Math.floor((this.max - endValue) / step), 0);
+        const numInactiveBeforeStartThumb = Math.max(Math.round((startValue - this.min) / step), 0);
+        const numActive = Math.max(Math.round((endValue - startValue) / step) + 1, 0);
+        const numInactiveAfterEndThumb = Math.max(Math.round((this.max - endValue) / step), 0);
         this._tickMarks = Array(numInactiveBeforeStartThumb)
             .fill(_MatTickMark.INACTIVE)
             .concat(Array(numActive).fill(_MatTickMark.ACTIVE), Array(numInactiveAfterEndThumb).fill(_MatTickMark.INACTIVE));