JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <div id="test2"></div>
</div>

CSS

#test {position: absolute; height: 200px; margin: 30px; width: 300px; overflow: auto; background: red;}
#test2 {position: relative; height: 500px; margin: 0; width: 200px;}

JavaScript

$(document).on('mousedown', function(e) {
    console.log(e.target);
});