JSFiddle - React, Tailwind, and code Playground

HTML

<span id="outer" class="drop">
    <div>Outer</div>
    <span id="inner" class="drop">
        <div>Inner</div>
        <div id="inner_drag" class="drag">
            Drag Me (Inner)
        </div>
    </span>
</span>
<div id="regular_drag" class="drag">
    Drag Me (Regular)
</div>

JavaScript

$(".drop").droppable(
    {
        tolerance: "pointer",
        greedy: true,
        drop: function()
        {
            alert(this.id);
        }
    });

$('.drag').draggable({revert: true});