JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <select id="mySelect">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
    </select>
</div>

CSS

div {
    width:300px;
    height:200px;
    background-color:#00ff00;
}

JavaScript

var selectForm = document.getElementById("mySelect");
$("div").mouseleave(function(){
    console.log('mouse has left parent div');
    $("#mySelect").blur();
});