From f33c7cf1914795be3304c21d1c0b9438b0cfa884 Mon Sep 17 00:00:00 2001 From: Alex Shevchenko Date: Wed, 13 Dec 2017 15:50:02 -0600 Subject: [PATCH] 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. --- src/lib/slider/slider.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/lib/slider/slider.scss b/src/lib/slider/slider.scss index edcf83304b87..6be9e92366f2 100644 --- a/src/lib/slider/slider.scss +++ b/src/lib/slider/slider.scss @@ -393,6 +393,10 @@ $mat-slider-focus-ring-size: 30px !default; left: 50%; } + .mat-slider-thumb { + @include backface-visibility(hidden); + } + .mat-slider-thumb-label { bottom: -$mat-slider-thumb-label-size / 2; left: -($mat-slider-thumb-label-size + $mat-slider-thumb-arrow-gap);