Skip to content

md-input-container with a value, has its placeholder affected by focus of another md-input-container directly above #3541

Closed
@chumtoadafuq

Description

@chumtoadafuq

Bug, feature request, or proposal:

Bug... if you have an md-input-container with another md-input-container right below it, with the lower container having a value, when you focus in/out of the upper md-input-container the lower container's placeholder judders slightly... looks annoying.

What is the expected behavior?

Interaction with the upper input-container should not affect the placeholder of the lower input-container.

What is the current behavior?

The lower container's placeholder judders slightly... looks annoying.

What are the steps to reproduce?

https://plnkr.co/edit/ycHDVuzEYb9EgDKKTFNz?p=preview
Click to focus on the top input, then click outside to make the top input lose focus... notice the placeholder text for the lower input judders slightly.

What is the use-case or motivation for changing an existing behavior?

The judder of the lower input is annoying.

Which versions of Angular, Material, OS, browsers are affected?

"@angular/common": "4.0.0-rc.1",
"@angular/compiler": "4.0.0-rc.1",
"@angular/core": "4.0.0-rc.1",
"@angular/flex-layout": "2.0.0-rc.1",
"@angular/forms": "4.0.0-rc.1",
"@angular/http": "4.0.0-rc.1",
"@angular/material": "2.0.0-beta.2",
Chrome on Win10.

Is there anything else we should know?

Workaround steps to stop the judder would be appreciated.

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions