Confirm on blur about bootstrap-templates HOT 6 CLOSED

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 :)

from bootstrap-templates.

+1 (thanks for the workaround)

from bootstrap-templates.

Definitely +1 for this

from bootstrap-templates.

+1 nicely done

from bootstrap-templates.

addOnBlur should be noted in the documentation as an option.

from bootstrap-templates.

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

from bootstrap-templates.