shadow missing in opened mat-sidenav

[Plondrein]

Bug, feature request, or proposal:

Bug/Regression from 2.0.0-beta.8.

What is the expected behavior?

After opening sidenav , mat-sidenav element should contain 'mat-drawer-opened' class, which is responsible for shadow:

  &.mat-drawer-opening, &.mat-drawer-opened {
    &:not(.mat-drawer-side) {
      // The elevation of z-16 is noted in the design specifications.
      // See https://material.io/guidelines/patterns/navigation-drawer.html#
      @include mat-elevation(16);
    }
  }

from drawer.scss

What is the current behavior?

Opened sidenav doesn't contain such class and there is no shadow in result.

What are the steps to reproduce?

The bug is right in Basic sidenav example,
only when you add manually 'mat-drawer-opened' shadow appears.

Turn off backdrop for better visiblity:

.mat-drawer-backdrop.mat-drawer-shown {
    visibility: hidden;
}

https://material.angular.io/components/sidenav/overview

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Chrome 62.0.3202.89
Windows 10
material-beta.12
angular 4.4.6

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}