Closed
Description
Bug, feature request, or proposal:
Bug
What is the expected behavior?
When focusing mdInput, others mdInput's floating label slightly move.
What is the current behavior?
When focusing mdInput, others mdInput's floating label should not move.
What are the steps to reproduce?
Click on an input like you want to change his value and look at others floating labels.
Which versions of Angular, Material, OS, browsers are affected?
@angular/material: 2.0.0-beta.2
chrome: Version 56.0.2924.87 (64-bit)
Is there anything else we should know?
Happen only on chrome.
This issue came from the transform: scale()
on the .mat-input-ripple
.
My workaround for the moment is to add to my global style :
md-input-container /deep/ .mat-input-underline .mat-input-ripple.mat-focused {
transform: none;
}
md-input-container /deep/ .mat-input-underline .mat-input-ripple {
transform: none;
}