Skip to content

bug(md-input) placeholder hidden underneath input with no value #3196

Closed
@benb7760

Description

@benb7760

Bug, feature request, or proposal:

Bug

What is the expected behavior?

With no value provided, the placeholder should sit in front of the input element

What is the current behavior?

The placeholder is hidden behind the input element. Selecting the element triggers the ordinary animation, moving the placeholder above the input.

What are the steps to reproduce?

http://plnkr.co/edit/VV9wDNx7FIK0gVDWsMU6?p=preview
I was annoyingly unable to reproduce on Plunker. The code in that Plunker does not work on my machine. I am using the material builds repo;
"@angular/material": "git+https://github.com/angular/material2-builds.git#8f246c0"

That exact commit is where the bug first appears for me. I have also tried against the main repo at beta.2 and the same issue occurs

-I can't see any specific CSS being used within my project- I have since removed all of my app content and this still happens with no custom CSS

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

Chrome 56, Safari 10.0.3 (untested elsewhere). Material 2.0.0-beta.2 and material-builds #8f246c0

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