mdInput underline animation looks wrong in edge browser

[wuchtig]

Bug, feature request, or proposal:

mdInput underline animation looks wrong in edge browser

What are the steps to reproduce?

Providing a Plunker (or similar) is the best way to get the team to see your issue.

http://plnkr.co/edit/ViorG3CEaBWikCVI4bqJ?p=preview

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

Animation should work as in Chrome

[mmalerba]

@devversion is this related to the transform:perspective(1px) thing?

[wuchtig]

#8480 was a big step forward and the jumping is vanish. In Edge-Browser the underline is still blurry at animation start.

If you could add translateZ(0) to the .mat-form-field-underline it would be perfect.

.mat-form-field-underline .mat-form-field-ripple { 
  transform: translateZ(0) scaleX(0.5);
}

[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.}