how to hide shadow of draggable div while dragging

Question

I have a draggable div. when I dragging a div then the shadow of div move with actual div. So I just want to hide the shadow of actual div.

<div draggable="true" 
  (dragstart)="mousedown($event)"
  (drag)="dragging($event)" 
  (dragover)="allowDrop($event)">
  div contents
</div>

Please help!!

Answer 1

You could just use the event.target and position it using the window's outerWidth and outerHeight

document.addEventListener("dragstart", function( event ) {
  event.dataTransfer.setDragImage(event.target, window.outerWidth, window.outerHeight);
}, false);