Description
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.