Unable to select blank option with selectOnClose=true & allowClear=true

Unable to select blank option with selectOnClose=true & allowClear=true

Sample pen: https://codepen.io/jmalatia/pen/wvwQqXw

Sample code

<form>
   <div class="form-group>
      <label for="Order_RecdViaId">RecdViaId</label>
      <select class="form-control select2" autofocus="" id="Order_RecdViaId" name="Order.RecdViaId" >
         <option></option>
         <option value="4">Ground - UPS</option>
         <option value="5">3-Day - UPS Orange</option>
         <option value="6">2-Day - UPS Blue</option>
         <option value="7">1-Day PM - UPS Red Saver ~4:30pm</option>
         <option value="8">1-Day AM - UPS Red ~10:30am</option>
      </select>
   </div>
   <br />
   <div class="form-group">
      <label for="ctl2">Control2</label>
      <input type="text" id="ctl2" name="ctl2" class="form-control" />
   </div>
</form>

<script>
  $(document).ready(function () {
    $("select.select2").select2({
      placeholder: "Select an option...",
      selectOnClose: true,
      allowClear: true
    });
  });
</script>

select2 v4.0.10 tested on Windows 10 Chrome 77

Steps to reproduce in supplied pen:

1. Select an option in select2
2. Click the X to clear the option
3. First option is selected instead of the first, blank option.

What is expected: The first blank option should be selected and/or the first blank option should be in the list so it can be selected manually.

[itsnunolemos]

+1, this bug is reported in 2016 https://github.com/select2/select2/issues/4579

[vetezeTE]

I added an additional check at the top of _handleSelectOnClose and that seems to have given me the result I’m expecting… for now.

SelectOnClose.prototype._handleSelectOnClose = function (_, params) {

    if (params && params.originalEvent == null) {
        return;
    }
    // etc...
}