JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mydiv">
    This should scroll horizontally and be overflow:shown vertically. This should scroll horizontally and be overflow:shown vertically. This should scroll horizontally and be overflow:shown vertically.This should scroll horizontally and be overflow:shown vertically. This should scroll horizontally and be overflow:shown vertically. This should scroll horizontally and be overflow:shown vertically.
    <div id="dragexample">
        this could be the dragged container
    </div>
</div>

CSS

#mydiv {
    position:relative;
    width: 400px;
    height:100px;
    background-color: #ccc;
    
    overflow: visible;
    overflow-x: scroll;
}
#dragexample {
    position:relative;
    top:150px;
    left:100px;
    
    width: 50px;
    height: 50px;
    
    background-color: #e77;
}