Skip to content

Commit 0b05a1f

Browse files
alexshevchandrewseguin
authored andcommitted
fix(slider): prevent slider thumb from getting cropped (#8061)
Slider thumb may sometimes get cropped by a scale transformation. Removing backface visibility ensures that the thumb is painted correctly.
1 parent a8cd033 commit 0b05a1f

File tree

1 file changed

+4
-0
lines changed

1 file changed

+4
-0
lines changed

src/lib/slider/slider.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -393,6 +393,10 @@ $mat-slider-focus-ring-size: 30px !default;
393393
left: 50%;
394394
}
395395

396+
.mat-slider-thumb {
397+
@include backface-visibility(hidden);
398+
}
399+
396400
.mat-slider-thumb-label {
397401
bottom: -$mat-slider-thumb-label-size / 2;
398402
left: -($mat-slider-thumb-label-size + $mat-slider-thumb-arrow-gap);

0 commit comments

Comments
 (0)