fix(input): placeholder not rendering in Chrome under certain conditions (#4405)

This commit is contained in:
Kristiyan Kostadinov
2017-05-09 21:20:41 +02:00
committed by Kara
parent ea8241a52e
commit 5e349d9967
+2 -2
View File
@@ -14,7 +14,7 @@ $mat-input-underline-disabled-background-image:
// Applies a floating placeholder above the input itself.
@mixin mat-input-placeholder-floating {
display: block;
transform: translateY(-1.35em) scale($mat-input-floating-placeholder-scale-factor);
transform: translate3d(0, -1.35em, 0) scale($mat-input-floating-placeholder-scale-factor);
width: 100% / $mat-input-floating-placeholder-scale-factor;
}
@@ -143,7 +143,7 @@ $mat-input-underline-disabled-background-image:
text-overflow: ellipsis;
overflow: hidden;
transform: translateY(0);
transform: translate3d(0, 0, 0);
transform-origin: bottom left;
transition: transform $swift-ease-out-duration $swift-ease-out-timing-function,
color $swift-ease-out-duration $swift-ease-out-timing-function,