From 9e06b7759058240479ce643f9ea72714efe11008 Mon Sep 17 00:00:00 2001
From: Abhinay Omkar <abhiomkar@gmail.com>
Date: Thu, 10 Jan 2019 10:44:02 +0530
Subject: [PATCH] fix(text-field): Reset z-index property of chrome autofill
 box (#4232)

Screenshot: ![image](https://user-images.githubusercontent.com/47312/50874350-bb2b5e00-13e9-11e9-8ff8-7c63c8266c07.png)
(cherry picked from commit e718cb2ba8c33fa9b8af5b5d73097db9c02b1a07)
---
 packages/mdc-textfield/mdc-text-field.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/mdc-textfield/mdc-text-field.scss b/packages/mdc-textfield/mdc-text-field.scss
index 6b832dd998a..aa978a614e9 100644
--- a/packages/mdc-textfield/mdc-text-field.scss
+++ b/packages/mdc-textfield/mdc-text-field.scss
@@ -100,6 +100,11 @@
   &:invalid {
     box-shadow: none;
   }
+
+  // Keep Chrome autofill behind the notched outline
+  &:-webkit-autofill {
+    z-index: auto !important;
+  }
 }
 // stylelint-disable-next-line plugin/selector-bem-pattern
 // Move label when text-field gets auto-filled in Chrome.