Select event is not trigger if clicked on selected item

Hello,

I searched whole Internet and I didn’t find any solution so I decided to make a new issue.

Here is example: https://codepen.io/FilipK/pen/xYWrYR

I’m using select2:select event and its triggers everytime when you select new value (that’s obv) but it doesn’t if selecting value is the same. In this example click on option with red border, close alert and then try to select this “red option” again. Event won’t start. How can I trigger it again? I tried use select2:close event but there is a problem. If we click outside select2 event triggers too and it’s not ok for me. I tried attach new event directly on select2 dropdown but it doesn’t work because you blocked it (I used $(document).on('click', '.select2-results__option', function(){});)

Any ideas?

[scarabdesign]

Ok, may I present a more hacky solution:

var prevselection = null;
 $('select')
    .select2({
         minimumResultsForSearch: Infinity, 
         templateResult: formatState,
         templateSelection: formatState
   })
   .on('select2:opening', function(event){
      prevselection = $(event.target).find(':selected');
      $('select').val(null);
   })
   .on('select2:select', function (event) {

      var _selection = $(event.target).find(':selected');
      var available = _selection.data('available');

      if(available === false){
         alert('ok')
      }
   }).on('select2:closing', function (event) {
      if(prevselection != null && $(this).val() == null){
         $(this).val($(prevselection).val())
      }
   });

[RomanBurunkov]

Why this was closed? It’s still the issue in the latest 4.0.12