Skip to content

Sidenav - .mat-sidenav-opened is not being applied after switching mode from side to over #6062

@dmitrysteblyuk

Description

@dmitrysteblyuk

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Class mat-sidenav-opened should be added to <md-sidenav-container> in mode over (or perhaps for all modes?).

What is the current behavior?

The class is not being added if the component was initialized with side mode and then switched to over.

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: https://plnkr.co/edit/GmUshVTgSxCXe1gcruXx?p=preview

What is the use-case or motivation for changing an existing behavior?

When changing size of the screen (e.g. rotating device) it is useful to change mode between side and over. Class mat-sidenav-opened is also useful as it tells when side-nav is closed and animation completed.

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

Browser: Chrome

@angular/cli: 1.2.0
node: 8.0.0
os: win32 x64
@angular/animations: 4.3.1
@angular/cdk: 2.0.0-beta.8
@angular/common: 4.3.1
@angular/compiler: 4.3.1
@angular/core: 4.3.1
@angular/forms: 4.3.1
@angular/http: 4.3.1
@angular/material: 2.0.0-beta.8
@angular/platform-browser: 4.3.1
@angular/platform-browser-dynamic: 4.3.1
@angular/platform-server: 4.3.1
@angular/router: 4.3.1
@angular/cli: 1.2.0
@angular/compiler-cli: 4.3.1
@angular/language-service: 4.3.1

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions