search

formkit / formkit

Vue Forms ⚡️ Supercharged
https://formkit.com
MIT License
4.08k stars 154 forks source link

Custom taglist validation error only shows up when you focus out #1278

Closed abdelrahmansafwat closed 1 month ago

abdelrahmansafwat commented 2 months ago

Reproduction

Repro

Describe the bug

If I use a taglist field, with allowNewValues, and custom validation, the validation errors don't show up as I add a new tag. The errors only show up when I focus out of the field. This is kinda inconvenient for our users, since they will never know that a problematic tag was added until they click away from the field itself.

I debugged it and the validation does happen with every tag added, but it's just the error label that doesn't render.

Environment

• OS: Ubuntu • Browser: Firefox, Chrome • Version: 1.6.0, 1.5.9

sashamilenkovic commented 1 month ago

You can set validation-visibility="live". Here's the updated playground: https://formkit.link/55bcf4e3721115242eddde4709dee50a Here's the docs: https://formkit.com/essentials/validation#showing-errors.