Expandable table's animation is lagging

#### What is the expected behavior?

Animation works well without any lagging when I open the (expandable) table's row.

#### What is the current behavior?

When I try to open the row clicking on it, it is not animating, but it is lagging.
(When I close the row clicking on it again, animation works very well.)

#### What are the steps to reproduce?

https://stackblitz.com/edit/angular-sbj26m

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

"@angular/material": "7.3.4",
"@angular/cdk": "7.3.4",
"@angular/core": "7.2.9",

- Chrome, Opera, Firefox latest
- Edge, Internet Explorer latest (I cannot open the expandable row at all.)

Start with the linked StackBlitz reproduction and reproduce the expandable table behavior using the listed Angular, Material, CDK, and browser versions. Compare opening and closing the row, including the reported Edge and Internet Explorer failure. Done means the row opens and closes with smooth animation without the reported lag.

Written by the indexing model from the issue text.