Editing an invalid tag validates all the erroneous other ones about tagify

[yairEO]

Hi, please create a minimal test case as per the requirements of opening an issue such as this.

There is a link to a jsbin template when you create a new issue.

[KolRah]

ok I understand your point
I didn't get the Validate function behaviour correctly so I had to do all this stuff
Thanks for your kind help

[KolRah]

Hi thanks for your reply
I wasn't aware of how to use jsbin, now it's ok

test case: https://jsbin.com/fejaweveyi/edit?html,js,console,output

add a good tag ( [email protected] )
then add 2 erroneous ones like "something" and "somethingelse"
edit "something" to "[email protected]" and somethingelse becomes valid

[yairEO]

1. you've included Tagify twice in the demo page
2. you've mis-used tagify in the way you are validating tags and therefore you created the bug you reported for.
3. your demo is way too complex. you should have removed 80% of the code to keep it minimal and reproducible.

You should be using the validate settings, as seen in a simplified version of your demo page:

https://jsbin.com/farasel/edit?html,js,output

function isEmail(value) {
  const emailRegex = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/gm
  return emailRegex.test(value)
}

var element = document.querySelector('textarea');
 
let tagify = new Tagify(element,{
  keepInvalidTags: true,
  duplicates: false,
  pasteAsTags: true,
  validate({value}) {
    return isEmail(value)
  }
})