JSFiddle - React, Tailwind, and code Playground

by black strings

HTML

<a href="http://google.com">
    google link
</a>
  <ul>
        <li>OK</li>
    </ul>

CSS

a {
    background: #666;
    color:#fff
    position: absolute;
    width:40px;
    z-index: 1111;
}

ul {
    position: absolute;
    top:0;
    left:0;
    z-index: 2;
    list-style: none;
}

ul > li {
    padding:5px 5px;
    background:#ddd;
    /* pointer-events: none; */
}

JavaScript

$(document).on("click", "li", function(e) {
	e.stopPropagations();
    alert('hello');
});