fix(form-field): fix underline jank in fill variant (#18407)

mmalerba · web-flow · commit 52fea0662de0 · 2020-02-11T10:59:00.000-08:00
diff --git a/src/material/form-field/form-field.scss b/src/material/form-field/form-field.scss
@@ -166,7 +166,8 @@ $mat-form-field-default-infix-width: 180px !default;
   // with their top at x.6 would disappear, but ones with there top at x.7 were fine). The exact
   // fractions that caused problems seemed to depend on the screen resolution and zoom level. We
   // experimentally discovered that adding a very slight scale factor fixes the issue.
-  transform: scaleY(1.0001);
+  // `scale3d` must be used rather than `scaleY`, as `scaleY` causes a jitter effect in Chrome.
+  transform: scale3d(1, 1.0001, 1);
 }
 
 .mat-form-field-ripple {

Original file line number	Diff line number	Diff line change
`@@ -166,7 +166,8 @@ $mat-form-field-default-infix-width: 180px !default;`
`166`	`166`	`// with their top at x.6 would disappear, but ones with there top at x.7 were fine). The exact`
`167`	`167`	`// fractions that caused problems seemed to depend on the screen resolution and zoom level. We`
`168`	`168`	`// experimentally discovered that adding a very slight scale factor fixes the issue.`
`169`		`- transform: scaleY(1.0001);`
	`169`	+ // `scale3d` must be used rather than `scaleY`, as `scaleY` causes a jitter effect in Chrome.
	`170`	`+ transform: scale3d(1, 1.0001, 1);`
`170`	`171`	`}`
`171`	`172`
`172`	`173`	`.mat-form-field-ripple {`