JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option value="1">Value1</option>
    <option value="2">Value2</option>
    <option value="3">Value3</option>
</select>
<div id="debug"></div>

CSS

select, div {float:left;margin: 10px;}

JavaScript

var n = 0;
$(document).ready(function(){
    $('select').blur(function(e){
        //e.preventDefault();
        alert("asd");
        //$(document).trigger('click');
    }
    /*$('select').click(function(e){
      //e.stopPropagation();
      n++;
      $('#debug').text('select clicked ' + n);
    });
    $(document).click(function(){
        n++;        
        $('#debug').text('document clicked '+ n);
    });*/
})