From cfe6c1d40d04558e8c675db145f2707c50e62ac6 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 1 May 2018 10:32:57 -0400 Subject: [PATCH] fix(sidenav): box shadow visible while closed when rendering on the server (#10969) --- src/lib/sidenav/drawer-animations.ts | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/src/lib/sidenav/drawer-animations.ts b/src/lib/sidenav/drawer-animations.ts index 6a5a671e9cc..e280e63b111 100644 --- 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',