JSFiddle - React, Tailwind, and code Playground

HTML

<div class="draggable" draggable="true" ondragstart="startDrag(event)" ondragend="endDrag(event)"
>

</div>

CSS

.draggable {
  border-radius: 4px;
  background: #CC0000;
  width: 40px;
  height: 40px;
  
}
.hide{
  transform:translateX(-9999px);
}

JavaScript

function startDrag(e) {
	var element = e.target;
  
  setTimeout(function(){
  	element.classList.add('hide');
  });
}

function endDrag(e) {
  var element = e.srcElement;
  
  element.classList.remove('hide');
}