diff --git a/src/lib/sidenav/sidenav-transitions.scss b/src/lib/sidenav/sidenav-transitions.scss index ad445bff3b38..aec6f9dfe37e 100644 --- a/src/lib/sidenav/sidenav-transitions.scss +++ b/src/lib/sidenav/sidenav-transitions.scss @@ -6,7 +6,8 @@ md-sidenav { } .md-sidenav-content { - transition: transform $swift-ease-out-duration $swift-ease-out-timing-function; + transition: none $swift-ease-out-duration $swift-ease-out-timing-function; + transition-property: transform, margin-left, margin-right; } .md-sidenav-backdrop.md-sidenav-shown { diff --git a/src/lib/sidenav/sidenav.scss b/src/lib/sidenav/sidenav.scss index 3bfcdde54d61..be4d33938e2e 100644 --- a/src/lib/sidenav/sidenav.scss +++ b/src/lib/sidenav/sidenav.scss @@ -18,13 +18,11 @@ } &.md-sidenav-closing { transform: translate3d($close, 0, 0); - will-change: transform; } &.md-sidenav-opening { @include md-elevation(1); visibility: visible; transform: translate3d($open, 0, 0); - will-change: transform; } &.md-sidenav-opened { @include md-elevation(1);