Feature Request: Add chips on mouse blur?

[KeithNdhlovu]

      self.$document.off('blur.chips-add', SELS.CHIPS + ' ' + SELS.INPUT).on('blur.chips-add', SELS.CHIPS + ' ' + SELS.INPUT, function(e){
        var $target = $(e.target);
        var $chips = $target.closest(SELS.CHIPS);
        var chipsLength = $chips.children(SELS.CHIP).length;

        e.preventDefault();
        self.addChip({tag: $target.val()}, $chips);
        $target.val('');
        return;
      })

[KeithNdhlovu]

The Challenging part of this is determining the mode of adding a chip, like choosing between "pressing enter to add chip" and "just click away to add a chip", would be nice if as a developer i could supply such a mode on the initialization of the chips' options

[Dogfalo]

From the implementations we've seen, we don't think it needs to chip on mouse blur.

[Hypnos3]

A use case on Angular css, which is already solved there

My use case is similar: In this case the user can anter a module and then press "save" or "save and close", The entered "test" will not be saved and the user has no change to recognize this because they don't know to press ENTER after input:

This isn't very intuitive.

[egarcia-add]

$('#id').find('input').on('blur', function() { let value = $('#id').find('input').val(); if ( value != '') { $('#id').find('input').val(''); $('#id').chips('addChip', {tag: value}); } });