From 1f41823ecb2559518fa1d9dc8fc7250772c928c1 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Mon, 3 Aug 2026 09:27:11 +0200 Subject: [PATCH] fix(material/slider): thumb jumping on safari Fixes that the thumb look glitchy on Safari when a slider has a `step` greater than 0, because we weren't disabling the `transition` on it. --- src/material/slider/slider-input.ts | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/material/slider/slider-input.ts b/src/material/slider/slider-input.ts index 7eed0cf99a90..fb8318b88d76 100644 --- a/src/material/slider/slider-input.ts +++ b/src/material/slider/slider-input.ts @@ -363,7 +363,7 @@ export class MatSliderThumb implements _MatSliderThumb, OnDestroy, ControlValueA // handles arrowing and updating the value when // a step is defined. if (this._slider.step || !this._isActive) { - this._updateThumbUIByValue({withAnimation: true}); + this._updateThumbUIByValue({withAnimation: !this._isActive}); } this._slider._onValueChange(this); } @@ -617,8 +617,7 @@ export class MatSliderRangeThumb extends MatSliderThumb implements _MatSliderRan getSibling(): _MatSliderRangeThumb | undefined { if (!this._sibling) { this._sibling = this._slider._getInput(this._isEndThumb ? _MatThumb.START : _MatThumb.END) as - | MatSliderRangeThumb - | undefined; + MatSliderRangeThumb | undefined; } return this._sibling; }