JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
    <div class="container">
      <div draggable="true">
      </div>
    </div>
    <div class="dont_dragme" draggable="false">
    </div>
  </body>
</html>

CSS

.container > div {
  width: 200px;
  height: 200px;
  background: red;
}
.container > div {
	cursor: grab;
}
body.dragging .container > div {
	cursor: grabbing;
}
.dont_dragme {
  width: 100px;
  height: 100px;
  background: blue;
  position: absolute;
  top: 0;
}

JavaScript

$('.container').bind('dragover', function() {
	$('body').addClass('dragging');
});
$('.container').bind('dragleave', function() {
	$('body').removeClass('dragging');
});