JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/themes/base/jquery-ui.css">
<div class="draggable">
draggable element
<div class="overflow">
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>
    <p>sdf</p>

    
</div>
</div>

CSS

.draggable { border: 1px solid black; background: #eee; height: 200px; width: 200px }
.overflow { overflow:scroll; height: 150px }

JavaScript

$( ".draggable" ).draggable();