Unclear duplication (in the form of plain text) on input

[ahmadkeren]

Why is it that every time I finish typing in tagsinput (focus out of the text area), duplicates always appear in plain text on the form as shown in the image/video below.

Screen.Recording.2022-07-12.at.16.07.19.mov

[OvenBoy]

I know this is 2 years late - but here is my fix.

container.addEventListener('keypress', event => {
      if (event.key === 'Enter') {
        if (event.target.nodeName !== 'SPAN') {
          event.preventDefault()
          
          if (event.target.value.length === 0 || !event.target.value.trim()) return false
            
            //do insert tag
          });

        } else {
          //do delete tag
        }
        event.target.value = ' ' //reset target value (this probably isn't needed)
        $('.typeahead').typeahead('val', ' ') //"reset" typeahead val
      }
    })

In the docs, there is an API function that allows for the typeahead to be set to any value.

At least in my case, this line $('.typeahead').typeahead('val', ' ') inside the check for the enter key also works for the de-focusing issue as well.