JSFiddle - React, Tailwind, and code Playground

HTML

<div class="containment">
    <div class="draggable">
        Drag
        <div class="appendix">
            Hey, i'm corrupt your containment >:|
        </div>
    </div>
</div>

CSS

.containment{
    height: 300px;
    width: 300px;
    border: solid 1px #ccc;
    position: relative;
}
.draggable{
    height: 30px;
    width: 100px;
    border: solid 1px #000;
    position: absolute;
}
.appendix{
    position: absolute;
    left: 0px;
    right: 0px;
    top: 30px;
    text-align: center;
}

JavaScript

$('.draggable').draggable({
    containment: 'parent'
});
$('.draggable').resizable({
    containment: 'parent'
});