sidenav: backdrop stays translucent when md-is-locked-open changes to false

[fbruffaert]

Actual Behavior:

• What is the issue? *

I have a sidenav component that must be locked if two conditions are met:

• screen is bigger than medium size (1280px)
• sidenav has not been hidden manually by the user.

I seem to have a problem with the backdrop rendering: KO- I open a window that is bigger than 1280px. Then I reduce its width below 1280px. Sidenav isn’t locked anymore (OK). A backdrop is present (OK) but it stays translucent (NOK). I seems to be because of the "ng-enter" class that is not removed. OK- I open a window that is bigger than 1280px . Then I click twice on "show/hide link" (once to hide the sidenav, once to reopen it). Then I reduce its width below 1280px. Sidenav isn’t locked anymore (OK). This time, backdrop is present (OK) and opaque (OK).

• What is the expected behavior? Backdrop should be opaque in both cases.

CodePen (or steps to reproduce the issue): *

• CodePen Demo which shows your issue: http://codepen.io/fbruffaert/pen/YWbkGA

Angular Versions: *

• Angular Version:1.5.5
• Angular Material Version: 1.1.0-rc.5

Additional Information:

• Browser Type: * Desktop
• Browser Version: * Chrome
• OS: * Ubuntu

[Splaktar]

Updated CodePen for 1.1.7 still shows this issue.