From d32abd229a3e2743c812491ff7bf71ba8e2fa8bc Mon Sep 17 00:00:00 2001 From: crisbeto Date: Sun, 12 Mar 2017 12:34:47 +0100 Subject: [PATCH] fix(input): label animation shifting sibling labels Prevents the focused animation in inputs from causing sibling inputs to shift slightly. Fixes #3541. --- src/lib/input/input-container.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/lib/input/input-container.scss b/src/lib/input/input-container.scss index 7a7f10934076..d4572f139f0d 100644 --- a/src/lib/input/input-container.scss +++ b/src/lib/input/input-container.scss @@ -178,6 +178,7 @@ $mat-input-underline-disabled-background-image: padding-top: 1em; overflow: hidden; pointer-events: none; // We shouldn't catch mouse events (let them through). + transform: translate3d(0, 0, 0); // Prevents the label from shifting after the animation is done. // Keeps the element height since the placeholder text is `position: absolute`. &::after {