perf(tabs): avoid repainting while scrolling

Along the same lines as angular#7721, angular#7719 and angular#6890 the tab body currently repaints on scroll.
crisbeto · Oct 18, 2017 · 03d41d2 · 03d41d2
1 parent 4fc3a0b
commit 03d41d2
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/lib/tabs/tab-body.scss b/src/lib/tabs/tab-body.scss
@@ -1,6 +1,7 @@
 .mat-tab-body-content {
   height: 100%;
   overflow: auto;
+  backface-visibility: hidden; // Avoids repainting while scrolling.
 
   .mat-tab-group-dynamic-height & {
     overflow: hidden;