fix(input): label animation shifting sibling labels (#3568)

Prevents the focused animation in inputs from causing sibling inputs to shift slightly. Fixes #3541.
angular · Mar 13, 2017 · f8cdd92 · f8cdd92
1 parent 932b4a0
commit f8cdd92
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 {