JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css">
<div id="container">
    <div id="positioned_resizable">Resize Me</div>
</div>

CSS

#container {
    position: relative;
    height: 500px;
    overflow: auto;
    border: 1px solid #ccc;
}

#positioned_resizable {
    position: absolute;
    top: 300px;
    left: 300px;
    border: 1px solid #ccc;
    height: 100px;
    width: 100px;
}

JavaScript

$(function() {
    var newElements = "";
    for (var i = 0; i < 100; i++) {
        newElements += "<div>&nbsp;</div>";
    }
    $("#container").append(newElements);

    $("#positioned_resizable").resizable();
});