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 13, 2017 · 0b05a1f · 0b05a1f
1 parent a8cd033
commit 0b05a1f
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);