fix(form-field): jumping underline in Edge and Firefox (#8480)
fix(form-field): jumping underline in Edge and Firefox (#8480)

* In Edge and Firefox the underline jumps due to the `transform: perspective`. Also due to the `transform` the underline is getting slightly taller which isn't aligning with the specs.
* Improves rendering of the ripple underline by always setting the 2px height. Since the element only uses `1px` if there are form-field errors the height can be adjusted on errors instead of on every focus/blur.

Fixes #8395
Jefiozie/material2,DevVersion/material2,willshowell/material2,crisbeto/material2,jelbourn/material2,mmalerba/material2,ppham27/material2,DevVersion/material2,fairfaxmedia/material2,josephperrott/material2,ppham27/material2,jelbourn/material2,Jefiozie/material2,DevVersion/material2,emoralesb05/material2,josephperrott/material2,emoralesb05/material2,tinayuangao/material2,jelbourn/material2,DevVersion/material2,willshowell/material2,tinayuangao/material2,andrewseguin/material2,Jefiozie/material2,fairfaxmedia/material2,willshowell/material2,emoralesb05/material2,crisbeto/material2,tinayuangao/material2,mmalerba/material2,mmalerba/material2,amcdnl/material2,ppham27/material2,angular/components,DevVersion/material2,andrewseguin/material2,fairfaxmedia/material2,angular/components,Eddman/material2,jelbourn/material2,tinayuangao/material2,mmalerba/material2,emoralesb05/material2,ppham27/material2,angular/components,josephperrott/material2,andrewseguin/material2,andrewseguin/material2,Jefiozie/material2,Eddman/material2,amcdnl/material2,Jefiozie/material2,jelbourn/material2,willshowell/material2,Eddman/material2,amcdnl/material2,andrewseguin/material2,tinayuangao/material2,amcdnl/material2,josephperrott/material2,angular/components,crisbeto/material2,amcdnl/material2,josephperrott/material2,crisbeto/material2,emoralesb05/material2,mmalerba/material2,willshowell/material2,ppham27/material2,Eddman/material2,Eddman/material2,fairfaxmedia/material2,fairfaxmedia/material2