fix(input): label animation shifting sibling labels

Prevents the focused animation in inputs from causing sibling inputs to shift slightly. Fixes angular#3541.
crisbeto · Mar 12, 2017 · d32abd2 · d32abd2
1 parent cdb3763
commit d32abd2
Showing 1 changed file with 1 addition and 0 deletions.
diff --git 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 {