Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

when value is bound to input, the placeholder overlaps with the value #2545

Closed
kkarandikar0807 opened this issue Jan 5, 2017 · 4 comments
Closed

Comments

@kkarandikar0807
Copy link

Bug, feature request, or proposal:

What is the expected behavior?

Placeholder should be at the top left corner when value is entered

What is the current behavior?

when value is bound to input, the placeholder overlaps with the value.
The placeholder and value are at the same place

What are the steps to reproduce?

Just bind a value to the
<input md-input value="{{boundValue}}"

Providing a Plunker (or similar) is the best way to get the team to see your issue.
Plunker template: http://plnkr.co/edit/o077B6uEiiIgkC0S06dd

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

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

Is there anything else we should know?

@fxck
Copy link
Contributor

fxck commented Jan 6, 2017

first of all, you should not do

<input value="{{boundValue}}" />

and do this instead

<input [value]="boundValue" />

while it might work, it's simply not valid way of doing things in angular(2)

...as for the actual problem, it was recently fixed, so it will be working in the next release(you can use https://github.com/angular/material2-builds meanwhile)

@crisbeto
Copy link
Member

crisbeto commented Jan 6, 2017

Sounds like something that #2455 should fix.

@BansalPooja
Copy link

still facing this issue with material version 5.0.4

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants