From 0b9b5820711f6d651b7759557822bd294930c871 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Fri, 21 Apr 2017 18:40:21 +0200 Subject: [PATCH] fix(input): single-line hints overflowing the parent (#4107) Fixes #4051 --- src/lib/input/input-container.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss index d7556aaa3147..a21274eee81f 100644 --- 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 }