From f8cdd9243c52bc0cf7c87ee597337ddfc7933c87 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Mon, 13 Mar 2017 22:15:38 +0100
Subject: [PATCH] fix(input): label animation shifting sibling labels (#3568)

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 {