mat-sidenav broken in Angular Universal between 6.0.0-rc.14 and 6.0.0

[speige]

Bug, feature request, or proposal:

mat-sidenav throws error in angular universal

What is the expected behavior?

No error thrown

What is the current behavior?

NodeInvocationException: The animation trigger "transform" has failed to build due to the following errors:

• The provided animation property "box-shadow" is not a supported CSS property for animations
  Error: The animation trigger "transform" has failed to build due to the following errors:
• The provided animation property "box-shadow" is not a supported CSS property for animations

What are the steps to reproduce?

Create a new starter project in angular 6 and universal server-side rendering with a mat-sidenav. Swap package.json between "@angular/material" 6.0.0-rc.14 and 6.0.0. Notice it works with rc14 but throws an error with 6.0.0 (& 6.0.1)

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

"typescript": "2.7.2"

[yumagulov-azat]

Same problem.

[rickysandoval]

Workaround if you are using angular universal starter:

Object.defineProperty(win.document.body.style, 'box-shadow', {
    value: () => {
        return {
            enumerable: true,
            configurable: true
        };
    },
});

With win being the created window object from domino.

This would go at line 23 of this server.ts file: https://github.com/Angular-RU/angular-universal-starter/blob/master/server.ts

[speige]

@rickysandoval thanks, that fixed my issue.

[yumagulov-azat]

@rickysandoval thanks!