JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>


<div id="draggable-dealie">
        <P>AWW YEA CONTENT</p>
</div>
    
<h2>Scroll down and resize, element will jump position when trying to resize it.</h2>
<div id="tall-block">
</div>

CSS

#tall-block {
    height:1000px;
    background:red;
    width:2px;
}
#draggable-dealie {
    position:fixed !important;
    width:auto;
    height:auto;
    cursor: move;
    color: #fff;
    background: green;
    padding: 15px;
}

JavaScript

$("#draggable-dealie").resizable().draggable();