HTML5 dragend event firing immediately

Question

I have several draggable elements

Box 1: Milk was a bad choice.


        
      

Answer 1

I don't have a direct solution, but changing the DOM in the dragStart event handler is causing this problem, and any code that changes the DOM should really go in the dragEnter event handler - doing so, drag&drop events are fired more reliably.

Not sure whether this is by design - it feels a bit like a bug though.