From 351d0c4f3e3295272d5a9f91f4eaf51e71f5d153 Mon Sep 17 00:00:00 2001
From: mmalerba <mmalerba@google.com>
Date: Wed, 5 Feb 2020 15:33:30 -0800
Subject: [PATCH] fix(form-field): fix underline jank in fill variant (#18406)

---
 src/material/form-field/form-field.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/material/form-field/form-field.scss b/src/material/form-field/form-field.scss
index eb71e0ae4562..f7e4c8a3b144 100644
--- 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 {