From b967712399de27d62c427a97a1c76e0a02bb0bf3 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 20 Dec 2016 23:46:36 +0200
Subject: [PATCH] perf(sidenav): avoid extra repaints while scrolling (#2156)

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 cdcc7cedf28..6576f2abe00 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);
   }
 }