title: Remove/hide original dragged after start drag
body: <p>How can I hide the original draggable element once I start drag?</p>
  
  <p>I tried the <code>transform:translateX(-9999px);</code> method but it acts like <code>visibility: hidden;</code> and I need something like <code>display: none;</code> so in the place where original draggable element was will be populated by other element.</p>
  
  <p>What I've tried:</p>
  
  <pre><code>    function dragStart(e) {
  
          setTimeout(function(){
              e.target.classList.add('block-hide');
          },0);
  
      }
  
      function dragOver(e) {
  
      }
      function dragEnd(e) {
  
          e.target.classList.remove('block-hide');
      }
  </code></pre>
  
  <p><a href="https://jsfiddle.net/xkcvpf10/1/" rel="nofollow">https://jsfiddle.net/xkcvpf10/1/</a></p>
  
  <p>Please resize the preview window in order to see 2 blocks in a row.</p>