Confirm on blur

[haabe]

I guess this might not be much of an issue unless you use freeinput.

If a user types in a tag and then clicks outside the input field so that it loses focus, the typed in text is still text. I'd like an option to turn this text into a tag on blur.

An ugly workaround:
$('.bootstrap-tagsinput input').blur(function() {
$('.myinputfield').tagsinput('add', $(this).val());
$(this).val('');
});

[gkorland]

+1 (thanks for the workaround)

[cygnil]

Definitely +1 for this

[dkonayuki]

+1 nicely done

[nnavnyko]

I had a problem when i was using Bootstrap Tagsinput and Typehead.js. By default Tagsinput has property addOnBlur = true, but typehead override this. Resolution is something like this:

  //tags is a Bloodhound object. see http://timschlechter.github.io/bootstrap-tagsinput/examples/ 
  //about Typehead. There is the same problem, you can try to enter some string and blur

    $('input').tagsinput({
          typeaheadjs: {
            name: 'tags',
            displayKey: 'val',
            valueKey: 'val',
            source: tags.ttAdapter()
          }
    });
    $('input').tagsinput('input').blur(function() {
        $('input').tagsinput('add', $(this).val());
        $(this).val('');
    })

In this order. I'm sorry for my english, it's not good :)

[tim-peterson]

addOnBlur should be noted in the documentation as an option.

[nezirz]

This worked in my case solution from @itsprdp here:
"https://github.com/bootstrap-tagsinput/bootstrap-tagsinput/issues/236"

A better way to clear the typeahead input after adding the tag.

self.$input.typeahead('val', '');

Add this line to the end of the add() function after line number 149 in the src file https://github.com/TimSchlechter/bootstrap-tagsinput/blob/master/src/bootstrap-tagsinput.js

Ref: twitter/typeahead.js#233