Skip to content

Commit f8cdd92

Browse files
crisbetommalerba
authored andcommitted
fix(input): label animation shifting sibling labels (#3568)
Prevents the focused animation in inputs from causing sibling inputs to shift slightly. Fixes #3541.
1 parent 932b4a0 commit f8cdd92

File tree

1 file changed

+1
-0
lines changed

1 file changed

+1
-0
lines changed

src/lib/input/input-container.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,7 @@ $mat-input-underline-disabled-background-image:
178178
padding-top: 1em;
179179
overflow: hidden;
180180
pointer-events: none; // We shouldn't catch mouse events (let them through).
181+
transform: translate3d(0, 0, 0); // Prevents the label from shifting after the animation is done.
181182

182183
// Keeps the element height since the placeholder text is `position: absolute`.
183184
&::after {

0 commit comments

Comments
 (0)