From b407278fe421a7fa61c756481114416a3f580d03 Mon Sep 17 00:00:00 2001
From: Robert Messerle <robertmesserle@gmail.com>
Date: Mon, 20 Jun 2016 15:40:52 -0700
Subject: [PATCH] fix(input): placeholder text is hidden by parent visibility
 (#680)

Previously, adding `visibility: hidden` to a parent element would not hide the placeholder text for inputs.

Closes #670
---
 src/components/input/input.scss | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/components/input/input.scss b/src/components/input/input.scss
index 2e87b0c79d3b..b0ead9f67271 100644
--- a/src/components/input/input.scss
+++ b/src/components/input/input.scss
@@ -31,7 +31,7 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
  * Applies a floating placeholder above the input itself.
  */
 @mixin md-input-placeholder-floating {
-  visibility: visible;
+  display: block;
   padding-bottom: 5px;
   transform: translateY(-100%) scale(0.75);
 
@@ -103,7 +103,6 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
     left: 0;
     top: 0;
 
-    visibility: hidden;
     font-size: 100%;
     pointer-events: none;  // We shouldn't catch mouse events (let them through).
     color: $md-input-placeholder-color;
@@ -111,7 +110,7 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
 
     // Put ellipsis text overflow.
     width: 100%;
-    display: block;
+    display: none;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow-x: hidden;
@@ -123,7 +122,7 @@ $md-input-underline-disabled-background-image: linear-gradient(to right,
                 color $swift-ease-out-duration $swift-ease-out-timing-function;
 
     &.md-empty {
-      visibility: visible;
+      display: block;
       cursor: text;
     }