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.
angular · Dec 19, 2017 · f33c7cf · f33c7cf
1 parent 5d99e12
commit f33c7cf
Showing 1 changed file with 4 additions and 0 deletions.
diff --git 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);