Mat-grid-tile height set to 0 and is not visible on MS Edge

[tusharchutani]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

I am suppose to see mat-grid-tile on the page I am rendering

What is the current behavior?

The height of the mat-grid-tile is set to 0 on MS-Edge

What are the steps to reproduce?

In the template file of my component

<mat-grid-list cols="2" rowHeight="350px;"  (window:resize)="onResize($event)">
  <mat-grid-tile id="jabroni1"><h1>hello this is heading 1</h1></mat-grid-tile>
  <mat-grid-tile id="jabroni2"><h2>hello this is heading 2</h2></mat-grid-tile>
</mat-grid-list>

StackBliz

Run the app and go to the page containing the component on MS-Edge

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

Angular 6
Typescript: 2.7.7
Windows 10
MS-Edge 42.17134.1.0

Is there anything else we should know?

[crisbeto]

Your issue comes from the fact that you're setting the rowHeight to an invalid value (350px;). Notice how there's an extra semicolon at the end. It will be ignored by Chrome, but Edge will consider the expression as invalid. I've submitted #13254 which will throw an error for cases like this one.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}