fix(input): single-line hints overflowing the parent (#4107)

Fixes #4051
angular · Apr 21, 2017 · 0b9b582 · 0b9b582
1 parent a200024
commit 0b9b582
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss
@@ -225,11 +225,14 @@ $mat-input-underline-disabled-background-image:
 // Wrapper for the hints and error messages. Provides positioning and text size.
 // Note that we're using `top` in order to allow for stacked children to flow downwards.
 .mat-input-subscript-wrapper {
+  $line-height: 1.2em;
+
   position: absolute;
   font-size: 75%;
   top: 100%;
   width: 100%;
-  margin-top: -$mat-input-wrapper-spacing;
+  margin-top: -$line-height;
+  line-height: $line-height;
   overflow: hidden; // prevents multi-line errors from overlapping the input
 }