From f652336f6ac8c00b063c006c727162941cd9093d Mon Sep 17 00:00:00 2001
From: crisbeto <crisbeto@abv.bg>
Date: Sat, 10 Dec 2016 12:40:37 +0100
Subject: [PATCH] perf(sidenav): avoid extra repaints while scrolling

Avoids repaints while scrolling inside of a sidenav. This isn't an issue on desktop browsers, but can potentially be on mobile. This can be checked by going to the dev tools > console fold-out menu > Rendering > Scrolling Performance Issues.
---
 src/lib/sidenav/sidenav.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/lib/sidenav/sidenav.scss b/src/lib/sidenav/sidenav.scss
index a27fed7958f1..2a826abdd1bd 100644
--- a/src/lib/sidenav/sidenav.scss
+++ b/src/lib/sidenav/sidenav.scss
@@ -140,6 +140,9 @@ md-sidenav {
     box-sizing: border-box;
     height: 100%;
     overflow-y: auto; // TODO(kara): revisit scrolling behavior for sidenavs
+
+    // Prevents unnecessary repaints while scrolling.
+    transform: translateZ(0);
   }
 }