SELECT2 検索ボックスの削除ボタンのバブリングやってみた

前書き

select2を使っていて、検索ボックスで一回名前を選択した後にやっぱり消そう～てなって消したときにプルダウンが開いてしまうのが気になったので今回やってみました！

※jsファイルに記述を足す必要があるのでダウンロードしている前提で書きます

手順

① jsファイルを開き1541行目までいく
そうするとこんな感じの記述が↓

this.$selection.on('click', '.select2-selection__choice__remove',
      function (evt) {
      var $remove = $(this);
      var $selection = $remove.parent();

          var data = $selection.data('data');

      self.trigger('unselect', {
        originalEvent: evt,
        data: data
      });
    });
  };

② 後はfunction(evt)内に evt.stopPropagation();を記述して終わりです

 this.$selection.on('click', '.select2-selection__choice__remove',
        function (evt) {
            var $remove = $(this);
            var $selection = $remove.parent();

            evt.stopPropagation();

            var data = $selection.data('data');

            self.trigger('unselect', {
                originalEvent: evt,
                data: data
            });
        });

最後に

初投稿でおかしな点もあるかもなのでもしありましたら教えてもらえると幸いです。
以上