fix(sidenav): box shadow visible while closed when rendering on the s…

…erver (#10969)
angular · May 1, 2018 · cfe6c1d · cfe6c1d
1 parent 7d2c31e
commit cfe6c1d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/lib/sidenav/drawer-animations.ts b/src/lib/sidenav/drawer-animations.ts
@@ -21,11 +21,13 @@ export const matDrawerAnimations: {
   /** Animation that slides a drawer in and out. */
   transformDrawer: trigger('transform', [
     state('open, open-instant', style({
-      transform: 'translate3d(0, 0, 0)',
-      visibility: 'visible',
+      'transform': 'translate3d(0, 0, 0)',
+      'visibility': 'visible',
     })),
     state('void', style({
-      visibility: 'hidden',
+      // Avoids the shadow showing up when closed in SSR.
+      'box-shadow': 'none',
+      'visibility': 'hidden',
     })),
     transition('void => open-instant', animate('0ms')),
     transition('void <=> open, open-instant => void',