JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <div id="inner"></div>
</div>

CSS

div#outer { background-color: #ffff00; padding: 0px; width: 200px; height: 200px; }
div#inner { background-color: #ff0000; width: 100%; height: 100%; }

JavaScript

$('#outer').click(function() {
    alert('click');
});

$('#inner').click(function(e) {
    e.stopPropagation();
});