Hi everyone, I'm doing an internship and I need help to config a select box with this float label, but it doesn't work.
any suggestion?
Nádia Bridge () - 7 years ago - Reply 0
Thanks for sharing, the placeholder text wasn't appearing for me in Firefox however if you target the input example:
#inp-first_name::placeholder { color: #333 };
I have no tried the listed solution in the comments, but this worked for me.
The text appears now fine :)
Lewis La Payne () - 7 years ago - Reply 0
I cant seem to get any of my floating labels to work i've tired a'lot of frameworks now with this one i have gotten closer than the others but on the form it shows the label that is supposed to appear after the user starts typing already any help? fyi this occurs using the exact same HTML, CSS and JS with the commented out lines in the css 2-5
Isaac Leshaba () - 8 years ago - Reply 0
Is there another file I should Include or something that I should change in the existing
files?
Isaac Leshaba () - 8 years ago - Reply 0
Thank you! This page / any page that I use this on is crashing on my ipad. It is working fine on my android phone, but cant seem to load it on an apple device. Desktop safari is fine, but ipads/phones is not. Help?
THIS WAS RESOLVED http://stackoverflow.com/qu...
KristineIbay () - 9 years ago - Reply 0
Interesting... What version of iPad/iOS do you have? Maybe @travislayne:disqus could help out?
maxsurguy () - 9 years ago - Reply 0
I also need to add select control and date picker also any update on using these 2 components
Gaurav Shrivastav () - 9 years ago - Reply 0
I love this way of form patterns, apart from input text fields & textarea, i also need to add datapicker and select control using same pattern... any update on this..
Gaurav Shrivastav () - 9 years ago - Reply 0
me too, did you get it ? I did with a datepicker but I cant solve the problem with a select option :\
nadiabridge () - 7 years ago - Reply 0
This is not working on iPhone Safari because of this issue http://stackoverflow.com/qu...
Jitendra Vyas () - 9 years ago - Reply 0
I noticed when I put a background color behind the form the placeholder text no longer appears. Has anyone else encountered the same problem?
Mario () - 9 years ago - Reply 0
Wow, really great. However there is a bug when using this inside of Tabs. (webkit, maybe also firefox)
The Labels will fade size.
_any () - 10 years ago - Reply 0
did you think about the input of type dropdown list in your code ??????? may be you need to update your code ???
Kobalt () - 10 years ago - Reply 0
I did think about it, as noted in the alert in the preview, but I have not found a clean way to do this pattern in SELECT fields using only pure CSS. I didn't want to force the sample to use a third-party plugin to support it.
When, and if, I find a browser-safe solution for SELECT fields, I'll update my sample.
Travis Layne () - 10 years ago - Reply 0
Travis, check this out!
https://github.com/tonystar...
Pure-CSS implementation and works with select-s!
Anton Staroverov () - 7 years ago - Reply 0
I really like this, but for some reason the placeholder text isn't appearing, except for a moment when I start typing. Anyone experience this?
Callum West () - 10 years ago - Reply 0
comment lines 2-5 ine css
/* .float-label-control ::-webkit-input-placeholder { color: transparent; }
.float-label-control :-moz-placeholder { color: transparent; }
.float-label-control ::-moz-placeholder { color: transparent; }
.float-label-control :-ms-input-placeholder { color: transparent; }*/
Rilwanrabo () - 10 years ago - Reply 0
I'm curious - is your browser auto-filling the fields on load?
Travis Layne () - 10 years ago - Reply 0