search

anydigital / float-label-css

Bulletproof CSS-only implementation of Float Label pattern with automatic fallback for ANY non-supporting browser.
https://codepen.io/tonystar/pen/JRLaKw
MIT License
262 stars 29 forks source link

compatibility with select2 #26

Open jf3r123 opened 5 years ago

jf3r123 commented 5 years ago

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 from being applied to the span tags that you create select2 but now with the style improvements it is not possible to apply that change.

.has-float-label label, .has-float-label> span: not (.select2) {         position: absolute;         left: 0;         top: 0;         cursor: text;         font-size: 75%;         opacity: 1;         -webkit-transition: all .2s;         transition: all .2s;         top: -.5em;         left: 0.75rem;         z-index: 3;         line-height: 1;         padding: 0 1px;     }

vn2706 commented 11 months ago

Can u pls assign this issue to me, I would like to work on it..