JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tap" style="padding:1em; background-color:yellow; display:inline-block;">HOVER, TAP or CLICK</div>
<pre>
If hovered - fires mouseleave (good)
If clicked by a button - only fires click (good)
If tapped on touchpad - in Chrome, fires click, then mouseleave (weird)
</pre>

JavaScript

tap.addEventListener("mouseleave",function(){alert("mouseleave");});
tap.addEventListener("click",function(){alert("click");});