input place holder is hovering input value
See original GitHub issueBug
What is the expected behavior?
Placeholder should be deisplayed above input
What is the current behavior?
Placeholder is hovering value:
What are the steps to reproduce?
<input md-input placeholder="Count" disabled="true" [value]="getCount(product) | async" />
Which versions of Angular, Material, OS, browsers are affected?
OSX - Safari, Chrome (I did not check other browsers) angular - 2.4.3 material - 2.0.0-beta.1
Is there anything else we should know?
Workaround:
To workaround this problem, add native value
to input.
<input md-input placeholder="Count" disabled="true" value=" " [value]="getCount(product) | async" />
Issue Analytics
- State:
- Created 7 years ago
- Reactions:5
- Comments:21 (3 by maintainers)
Top Results From Across the Web
How to show placeholder when we hover on input type text
i want the placeholder to be visible when we ...
Read more >:placeholder-shown - CSS: Cascading Style Sheets | MDN
The :placeholder-shown CSS pseudo-class represents any <input> or <textarea> element that is currently displaying placeholder text.
Read more >Don't Use The Placeholder Attribute - Smashing Magazine
This little trick provides an extra area for interacting with the input, which can be beneficial to people with motor control issues.
Read more >placeholder-shown - CSS-Tricks
The :placeholder-shown pseudo-class selects the input element itself when placeholder text exists in a form input. Think of it as a nice way ......
Read more >CSS :placeholder-shown | SamanthaMing.com
Use this pseudo-class to style an input that is currently displaying the placeholder text -- in other words, the user has not typed...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@kara Once again thanks for all the hard work, is there an ETA for the next release?
I’ve created a simple plunkr to show the issue:
https://plnkr.co/edit/Uz09iLIyYgvgN3M4cSJ1?p=preview
@jelbourn @kara Would one of you guys mind taking a look at this 🙊