From 71fdd6967b0efbb2071fe684c8081b774f5ca456 Mon Sep 17 00:00:00 2001
From: Paul Gschwendtner <paulgschwendtner@gmail.com>
Date: Sun, 26 Aug 2018 16:33:59 +0200
Subject: [PATCH] fix(drawer): respect `NoopAnimationsModule` and `@.disabled`
 binding

* Custom CSS transitions should not run if the `NoopAnimationsModule` or the `[@.disabled]` binding is being used.
---
 src/lib/sidenav/drawer.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/lib/sidenav/drawer.scss b/src/lib/sidenav/drawer.scss
index 65c50e1dc9e4..fca01f6e6e0d 100644
--- a/src/lib/sidenav/drawer.scss
+++ b/src/lib/sidenav/drawer.scss
@@ -51,6 +51,13 @@ $mat-drawer-over-drawer-z-index: 4;
   &.mat-drawer-container-explicit-backdrop .mat-drawer-side {
     z-index: $mat-drawer-backdrop-z-index;
   }
+
+  // Note that the `NoopAnimationsModule` is being handled inside of the component code.
+  &.ng-animate-disabled, .ng-animate-disabled & {
+    .mat-drawer-backdrop, .mat-drawer-content {
+      transition: none;
+    }
+  }
 }
 
 .mat-drawer-backdrop {