Comments (9)
Would you tell me more information? For instance, is it in all browsers or a specific browser/version that you are seeing this behavior?
from angular-placeholder.
Hey. Yep I'm experiencing this in Chrome, so I'm expecting all browsers.
So the original placeholder appears as normal, I click the input field, the placeholder disappears as expected.
However, it fails to remove the .placeholder class, giving me .placeholder styles.
Then, if I blur the input, and refocus into it, any text that I've entered into it is removed (acting like a placeholder).
from angular-placeholder.
Before I try to replicate the behavior with a fiddle of my own, do you have somewhere online that I can see this behavior? Also, what OS are you using and what version of Chrome are you running? It shouldn't matter, but I'd like to make sure that I test with as similar of an environment as possible.
from angular-placeholder.
Yeah absolutely.
Browser: Chrome 38.0.2125.104
Angular: v1.2.0
OS: Mac Yosemite
Unfortunately I can't upload it as it's a company project. We defaulted to a type=text field in the end (client deadlines). But you can view the test environment here: url removed 9/4/2015
. It'll be up for a week or so, hope this helps.
from angular-placeholder.
Interestingly, this is because of the validation associated with <input type="email">
. I found discussion on this as Angular issue #1426. I guess I can't use the model's value and instead much check if the element has a value. I have a demo up on Plunker that really shows this off well. Enter a valid email and the form below updates. Any time the email is invalid, the value on the model is empty.
from angular-placeholder.
I made a change that works for me - could you test the issue-5 branch to see how well it works for you?
from angular-placeholder.
Issue-5 branch is working quite nicely for this issue.
from angular-placeholder.
Issue-5 branch fix this issue and seems fix issues/9
from angular-placeholder.
Merged.
from angular-placeholder.
Related Issues (12)
- Please, cut a new release with latest bower support HOT 3
- Moving the shim detection to outside of the bindings HOT 5
- Placeholder is empty for input type="password"
- multiline placeholder HOT 4
- Build broken - Sauce labs doesn't like me
- NPM publish HOT 2
- Change NPM main file HOT 6
- Placeholder class is not removed on input[type=
- Placeholder does not play well with required in 1.3 and ng-required in 1.2 HOT 7
- . HOT 1
- IE9 delete & tab out changes input value HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-placeholder.