JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<div id="container">
    <div id="draggsies-broken">
        <img src="http://placekitten.com/200/300" width="500" />
    </div>
    <div id="draggsies-workaround">
        <img src="http://placekitten.com/200/300" width="500" />
    </div>
</div>

CSS

#container { width:100%;}

#container div{
    position:relative;
    width:300px;
    height:300px;
    overflow:hidden;
    border:1px solid red;
}

JavaScript

$('#draggsies-broken img').draggable();

$('#draggsies-workaround img').draggable().bind('mousedown', function(ev) {
    ev.preventDefault();
});