Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

mat-sidenav opened property does not open until second click using | async #14823

Open
kylecannon opened this issue Jan 14, 2019 · 4 comments
Open
Labels
area: material/sidenav P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@kylecannon
Copy link

What is the expected behavior?

Sidenav should automatically open on the first click

What is the current behavior?

It takes a second click to open the sidenav or manually calling cdr.detectChanges(); If OnPush is disabled in component that is composing the sidenav view it it will open on the first click.

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

Material v6: https://stackblitz.com/edit/angular-hekkz3
Material v7: https://stackblitz.com/edit/angular-hekkz3-yiz67k

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

Error appears to happen in all browsers and in material 6.1.0 and latest version

Is there anything else we should know?

@kylecannon
Copy link
Author

Any update?

@RakeshLoopReality
Copy link

Even am facing with the same issue any updates?

@mmalerba mmalerba added the needs triage This issue needs to be triaged by the team label May 20, 2020
@mmalerba
Copy link
Contributor

Looks like some kind of change detection issue, removing the OnPush change detection in the example component seems to fix it in the stackblitz

@mmalerba mmalerba added area: material/sidenav P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent and removed needs triage This issue needs to be triaged by the team labels May 27, 2020
@kylecannon
Copy link
Author

Any update?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: material/sidenav P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
3 participants