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?
Plunker
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;
}
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?
Plunker
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 :