feat(search): make placeholder stay inplace when focused. (closes #226)…

… (#391) leverage [floatPlaceholder] to make the placeholde stay in place when focused
Teradata · Mar 2, 2017 · 58094fa · 58094fa
1 parent 1561ff8
commit 58094fa
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 6 deletions.
diff --git a/src/platform/core/search/search-box/search-box.component.scss b/src/platform/core/search/search-box/search-box.component.scss
@@ -5,10 +5,5 @@
   height: 64px;
   td-search-input {
     margin-left: 12px;
-    /deep/ {
-      .mat-input-placeholder.mat-focused {
-        visibility: hidden;
-      }
-    }
   }
 }
diff --git a/src/platform/core/search/search-input/search-input.component.html b/src/platform/core/search/search-input/search-input.component.html
@@ -1,5 +1,5 @@
 <div class="td-search-input" layout="row" layout-align="end center">
-  <md-input-container [class.mat-hide-underline]="!showUnderline" flex>
+  <md-input-container [class.mat-hide-underline]="!showUnderline" floatPlaceholder="never" flex>
     <input mdInput
             #searchElement
             type="search"