Glitch when blurring tags field about tags-input HOT 10 CLOSED

just realized this is because its a wrong tag, the thing is, I can still post my form. At first there was an error message, but it would disappear instantly.

from tags-input.

Are you using the pattern attribute for validation, or is this just for duplicate rags?

from tags-input.

I was using the pattern, since it came from the example, but I removed it, and it's still doing it.

from tags-input.

Just so I'm following correctly - the issue is that submitting the form includes the invalid tag?

from tags-input.

What happens is that whenever you leave the tags container (blur), the invalid tag is included for a split second, this results in the red color showing up really short.

from tags-input.

upon further inspection, it appears the class dupe is added to the span tag with data-tag="tag"

I think this happens because when you leave the input field, it checks if there already is a tag like it, which there is, because that tag hasn't been removed yet. That's as far as I could see at least.

from tags-input.

Leaving the field via blur actually commits the tag you were typing, same as pressing enter. This sort-of seems like the intended behavior - it was done because users would leave their last tag as text in the field otherwise, and it would not be committed and sent with a form.

from tags-input.

Ahh nevermind, I totally see what you're seeing. When you leave the field, even without a value currently typed, all of the existing tags turn red. Good catch, I'll try to get a fix in for that.

from tags-input.

No probz, Amazing work btw. This code should be default in HTML, it's great to have for a cms, as I'm in the middle of developing one!

from tags-input.

Thanks for the praise 😊
The fix is released as version 1.1.1 🎉

from tags-input.