Suuuper handy new CSS: :user-invalid and :user-valid pseudo selectors let you style inputs only once they have been interacted with Just landed in Chrome + Safari, been in Firefox for years.

This is great! I had to use JS to achieve same functionality multiple times.

There is some angular form validation library that does it on keyup, and i can always tell it's angular because after the first keystroke it yells at you for it being invalid

At some point this is all going to be too easy. What do we do then? Jokes aside, this is 🔥

go outside? Or make another JS framework

Working on form validation today. Wes and the X algo delivering 👊

VERY nice!

How long it will take for tailwind to support user-valid/invalid ?

Looks like it's already been added, but not yet shipped. You can use [&:user-invalid]:border-red-500 with arbitrary syntax until then

@argyleink This should have been launched in 2020. But nevertheless: nice! Handy and usefull!

@midudev =O!!