fix(text-field): Reset z-index property of chrome autofill box (#4232)

abhiomkar · web-flow · commit e718cb2ba8c3 · 2019-01-10T10:44:02.000+05:30
Screenshot: ![image](https://user-images.githubusercontent.com/47312/50874350-bb2b5e00-13e9-11e9-8ff8-7c63c8266c07.png)
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.

Original file line number	Diff line number	Diff line change
`@@ -100,6 +100,11 @@`
`100`	`100`	`&:invalid {`
`101`	`101`	`box-shadow: none;`
`102`	`102`	`}`
	`103`	`+`
	`104`	`+ // Keep Chrome autofill behind the notched outline`
	`105`	`+ &:-webkit-autofill {`
	`106`	`+ z-index: auto !important;`
	`107`	`+ }`
`103`	`108`	`}`
`104`	`109`	`// stylelint-disable-next-line plugin/selector-bem-pattern`
`105`	`110`	`// Move label when text-field gets auto-filled in Chrome.`