[Sidenav] Not opened for server-side render

[alirezamirian]

Bug, feature request, or proposal:

bug

What is the expected behavior?

sidenav being opened when rendered on server. Here is my usage:

... <mat-sidenav [opened]="true"></mat-sidenav> ...

It works on browser but not on server side rendering.

What is the current behavior?

It renders closed.

What are the steps to reproduce?

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

SSR

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

Angular CLI: 1.5.4
Node: 6.9.1
OS: win32 x64
Angular: 5.0.3
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic
... platform-server, router

@angular/cdk: 5.0.0-rc.2
@angular/cli: 1.5.4
@angular/flex-layout: 2.0.0-beta.10-4905443
@angular/language-service: 4.4.6
@angular/material: 5.0.0-rc.2
@angular-devkit/build-optimizer: 0.0.33
@angular-devkit/core: 0.0.21
@angular-devkit/schematics: 0.0.37
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.8.4
@schematics/angular: 0.1.7
typescript: 2.4.2
webpack: 3.8.1

[agustinhaller]

@andrewseguin Hi, any updates on this? In my case it's not working with Angular 5.2.8 and material 5.2.4

[mmalerba]

This was fixed, but based on @agustinhaller's comment from #6865 it sounds like maybe there was a regression at some point.

Hi, any updates on this? In my case it was working OK with Angular 5.0.2 and material 5.0.0.rc0 but stop working when updated to Angular 5.2.8 and material 5.2.4

[jelbourn]

@crisbeto could you take a look? Got an escalation on this one

[fazpu]

Still not resloved :( This make the sidenav rather unusable if using Universal.

[jelbourn]

This appears to have been caused by a bug in @angular/animations that should have recently been fixed in Angular's master.

[mario-merino]

Still waiting... any ideas when could be solved?
thanks