Skip to content

bug(mdInput): floating label slighty move down when others mdInputs are focused #3261

Closed
@ovalol

Description

@ovalol

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;
}

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions