This is a quick tip for those that are still bold (or stupid) enough to try the incredibly messy HTML5 Drag & Drop spec.

If you’re dragging div’s around and made them draggable (draggable=true) but wonder why the “dragover” event never fires on the target on Chrome: You have to set data on the transfer. Add this to your “dragstart” event:

event.dataTransfer.setData('text/html', null);

Now forget this and stop using the Drag & Drop API. Thanks to Stack Overflow for finding this.

Reply with a tweet or leave a Webmention. Both will appear here.