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)
material-components · Jan 10, 2019 · e718cb2 · e718cb2
1 parent d4f77e1
commit e718cb2
Showing 1 changed file with 5 additions and 0 deletions.
diff --git 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.