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 · 808b1a1 · 808b1a1
1 parent 4fc3a0b
commit 808b1a1
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/lib/tabs/tab-body.scss b/src/lib/tabs/tab-body.scss
@@ -1,4 +1,8 @@
+@import '../core/style/vendor-prefixes';
+
 .mat-tab-body-content {
+  // Avoids repainting while scrolling.
+  @include backface-visibility(hidden);
   height: 100%;
   overflow: auto;