JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container" style="z-index: 200; position: absolute">
    <div id="overlay"></div>
    <div id="works">not works</div>
</div>

CSS

#overlay {
    position:absolute;
    width: 20px;
    height: 80px;
    background-color: red;
    opacity: .2;
    
    pointer-events: none; /* internet exploder ignores this :\ */
}

JavaScript

$('#container').on('click','#works',function() {
    console.log('hi');
});