JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div id="draggable" class="ui-widget-content">
    <p>Drag me around</p>
</div>

CSS

#draggable { width: 150px; height: 150px; padding: 0.5em; }

JavaScript

var position = {};
$("#draggable").draggable({ 
  containment: 'document',
  drag: function(event, ui) {
    if(position.top == ui.position.top && position.left == ui.position.left) {
      alert("Constrained");
      return false;
    }
    position = ui.position;
 }
});