float-label-css
float-label-css copied to clipboard
Bulletproof CSS-only implementation of Float Label pattern with automatic fallback for ANY non-supporting browser.
Float label works with `placeholder=""` but it don't works without placeholder attribute in an input element. I found a workaround by styling an invisible placeholder if it is equal to...
With bootstrap 4 box-shadow around the input elements, the label pseudo content's height and position are off. 
Doesn't work nicely with rounding the corners on input-group. Here's an example: ``` Title ``` And here's kind of a fix, could be improved probably: `.has-float-label input:first-child:nth-last-child(2) { border-top-right-radius: .25em;...
To make has-float-label compatible with select2. In previous versions you only need to apply a small change in the script, ".has-float-label> span" add the pseudo-element "not (.select2)" to prevent -float-label...
The input placeholder is visible in Firefox  when not in focus
I am developing a new app and love the visual for the float label. However when I add an asp-validation- the field name is overlay-ed. I would like the validation...
This. Please update them.
This code worked fine in version 1.0.0, now in version 1.0.2 it breaks ``` Username Help message ``` Aparently, this change [scss/_mixins.scss#L6](https://github.com/tonystar/float-label-css/commit/c5448cf076ea4ab5aaf667665d9048d3cb29093c#diff-38983e82a6c8e46a6adaf2d5e3d81997L6) made all spans inside a `.has-float-label` element become...
This looks like an awesome pattern but it breaks in Bootstrap 4 Alpha 6: https://codepen.io/anon/pen/aypeVo  Any chance you can take a look?...