Stop prograpagation in selectize.js

Question

I've spend an hour trying to make this jsfiddle splendid selectize modification to stop close (stopPropagation) on option selection , but I am now feeling helpless. Do I have to use some of selectize option for this ? I've read the doc through, but found nothing relevant. The only relevant option seems to be closeAfterSelect, but its default value is false :( Any ideas ?

$('.dropdown').each(function() {
    $_self = $(this);
    $_self.find('select')
        .selectize({ plugins: ['component'], maxItems: 1, closeAfterSelect:false })
        .on('change', function() {
            console.log('Changed value to:', $(this).val() )
            $_self.find('span.value').text( $(this).val() )
            if ($(this).val()) {
                $_self.removeClass('open');
            }
        });
    $_self.find('select').on('click', function(e) { e.stopPropagation(); });
    $_self.find('.dropdown-menu').on('click', function(e) { e.stopPropagation(); });
     $_self.find('.dropdown').on('click', function(e) { e.stopPropagation(); })
});

Once again to clarify - I want the drop down to close only when I press the caret. If I choose any option, I want it to stay open. As you may notice, I've added the stopPropagation method on each class and element possible and yet can't get it work as expected

It seems that its the dropdown thats the issue and not selectize — Craicerjack
– Craicerjack, Commented Jul 29, 2016 at 12:40
@Craicerjack true, didn't see the link. A possible solution should be below as answer. — MattDiMu
– MattDiMu, Commented Jul 29, 2016 at 12:58

MattDiMu · Accepted Answer · 2016-07-29 12:57:21Z

1

The problem is, that the e.stopPropagation() is executed too early and therefore won't do anything. But you may return false the on-change-event:

http://jsfiddle.net/MattDiMu/ozmqek7b/1/

answered Jul 29, 2016 at 12:57

MattDiMu

5,0431 gold badge21 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Edgar Navasardyan Over a year ago

Exactly what I wanted. Thanks much for that

Collectives™ on Stack Overflow

Stop prograpagation in selectize.js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related