JSFiddle - React, Tailwind, and code Playground

HTML

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

JavaScript

$(document).ready(function(){
    var select = $("select");
    
    var screenDif = 0;
    select.bind("hover", function (e) {
        screenDif = e.screenY - e.clientY;
    });
    select.bind("click", function (e) {
        var element = $(e.target);
        var eventHorizon = screenDif + element.offset().top + element.height() - $(window).scrollTop();
        if (e.screenY > eventHorizon)
            alert("option clicked");
    });
});