perf(dialog): avoid repaintin dialog content element on scroll

Fixes the `<md-dialog-content>` element being repainted on scroll. Fixes angular#6878.
crisbeto · Sep 6, 2017 · 70992d5 · 70992d5
1 parent bef6271
commit 70992d5
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/lib/dialog/dialog.scss b/src/lib/dialog/dialog.scss
@@ -35,6 +35,9 @@ $mat-dialog-button-margin: 8px !default;
   max-height: $mat-dialog-max-height;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
+
+  // Promote the content to a new GPU layer to avoid repaints on scroll.
+  backface-visibility: hidden;
 }
 
 .mat-dialog-title {