From c705f1717ca96974cc44a1d2f7cc9bb7f7d9b4fc Mon Sep 17 00:00:00 2001 From: crisbeto Date: Tue, 19 Apr 2016 18:56:41 +0200 Subject: [PATCH] fix(input): prevent the floating label from overflowing The calc that was used to truncate the long input labels was actually making them longer on IE. This is because IE calculates whether to overflow an element before applying any of the transforms. Closes #7403. --- src/components/input/input.scss | 23 ----------------------- 1 file changed, 23 deletions(-) diff --git a/src/components/input/input.scss b/src/components/input/input.scss index e3cdd06eb91..ef9894311c5 100644 --- a/src/components/input/input.scss +++ b/src/components/input/input.scss @@ -285,7 +285,6 @@ md-input-container { transform: translate3d(0, $input-label-float-offset, 0) scale($input-label-float-scale); transition: transform $swift-ease-out-timing-function $swift-ease-out-duration, width $swift-ease-out-timing-function $swift-ease-out-duration; - width: calc((100% - #{$input-label-float-width}) / #{$input-label-float-scale}); } } @@ -342,17 +341,6 @@ md-input-container { width: calc(100% - #{$icon-offset} - #{$input-label-float-width}); } } - - &.md-input-focused, - &.md-input-has-placeholder, - &.md-input-has-value { - > label { - &:not(.md-no-float):not(._md-container-ignore), - .md-placeholder { - width: calc((100% - #{$icon-offset} - #{$input-label-float-width}) / #{$input-label-float-scale}); - } - } - } } // icon offset should have higher priority as normal label @@ -387,17 +375,6 @@ md-input-container { width: calc(100% - (#{$icon-offset} * 2)); } } - - &.md-input-focused, - &.md-input-has-placeholder, - &.md-input-has-value { - > label { - &:not(.md-no-float):not(._md-container-ignore), - .md-placeholder { - width: calc((100% - (#{$icon-offset} * 2)) / #{$input-label-float-scale}); - } - } - } } }