JSFiddle - React, Tailwind, and code Playground

HTML

<div class='outside' style='background-color : yellow; width: 303px; height: 300px'>
    <div class='constrained' style="width">
        This can be dragged 
    </div>
</div>

<div class='free'>
        This can be freely dragged.    
 </div>

JavaScript

$(function() {
    $('div.free').draggable( /*{containment : 'parent'}*/ );
    $('div.constrained').draggable({
        containment: 'parent'
    });
});