From 5e349d9967b9c2613973da0728d3635c8ca3ebd4 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Tue, 9 May 2017 21:20:41 +0200 Subject: [PATCH] fix(input): placeholder not rendering in Chrome under certain conditions (#4405) --- src/lib/input/input-container.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss index 74e6dcfeeb0..819f10f7b37 100644 --- a/src/lib/input/input-container.scss +++ b/src/lib/input/input-container.scss @@ -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,