search

beercss / beercss

Build material design interfaces in record time... without stress for devs... 🍺💛
https://www.beercss.com
MIT License
1.41k stars 57 forks source link

Textarea label misplaced #372

Closed Rewerson closed 2 months ago

Rewerson commented 2 months ago

See simple example below. image After focusing on textarea, label transits on top as needed, but basically it doesn't respect field content.

guidouil commented 2 months ago

I made a simple codepen to reproduce and I don't see the issue. Are you using 3.7.7 version ?

Rewerson commented 2 months ago

Yes, 3.7.7. Pre-fill textarea with some text, and you'll see.

guidouil commented 2 months ago

I remember this one, the label has to get an active class if textarea is already filled when showing page. Read The Friendly Manuel 😁 Cheers🍻

Rewerson commented 2 months ago

Thanks, but it worked fine in 3.6.x, so i reported this as a bug. Also, as documented: the JS file of beer do this automatically. It's my case, I use mentioned JS. On your codepen example just switch to 3.6.13, and you no longer need to set class="active" to textarea by hands.

guidouil commented 2 months ago

Maybe it was a bug that it was working before ^_^ But true I tested with 3.6.13 and it works, I remember having to deal with active state of label on my app ; but it was on a previous version I guess.

leonardorafael commented 2 months ago

Fixed in https://github.com/beercss/beercss/releases/tag/v3.7.8 This issue was caused by our JS refactoring.