fix(input): input placeholder not being hidden in IE under certain conditions (#4478)

crisbeto · kara · commit fc73a4b008b5 · 2017-05-11T15:16:10.000-07:00
Fixes #4464.
diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss
@@ -117,7 +117,9 @@ $mat-input-underline-disabled-background-image:
   // display: none, because IE ends up preventing the user from
   // focusing the input altogether.
   @include input-placeholder {
-    color: transparent;
+    // Needs to be !important, because the placeholder will end up inheriting the
+    // input color in IE, if the consumer overrides it with a higher specificity.
+    color: transparent !important;
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -117,7 +117,9 @@ $mat-input-underline-disabled-background-image:`
`117`	`117`	`// display: none, because IE ends up preventing the user from`
`118`	`118`	`// focusing the input altogether.`
`119`	`119`	`@include input-placeholder {`
`120`		`- color: transparent;`
	`120`	`+ // Needs to be !important, because the placeholder will end up inheriting the`
	`121`	`+ // input color in IE, if the consumer overrides it with a higher specificity.`
	`122`	`+ color: transparent !important;`
`121`	`123`	`}`
`122`	`124`	`}`
`123`	`125`