Удалить/скрыть исходное перетаскивание после начала перетаскивания

Question

Как скрыть исходный элемент перетаскивания после начала перетаскивания?

Я пробовал метод transform:translateX(-9999px);, но он действует как visibility: hidden;, и мне нужно что-то вроде display: none;, поэтому в том месте, где оригинальный элемент перетаскивания будет заселен другим элементом.

Что я пробовал:

function dragStart(e) { 

     setTimeout(function(){ 
      e.target.classList.add('block-hide'); 
     },0); 

    } 

    function dragOver(e) { 

    } 
    function dragEnd(e) { 

     e.target.classList.remove('block-hide'); 
    } 

https://jsfiddle.net/xkcvpf10/1/

Пожалуйста, измените размер окна предварительного просмотра, чтобы увидеть 2 блоков подряд.

Answer 1

Изменение класса .block скрытие в

.block-hide{ 
    display:none; 
} 

, кажется, сделать трюк

https://jsfiddle.net/xkcvpf10/2/ (проверено в хроме)