The new drag handle sometimes doesn't work

[webian]

In some cases clicking on top of the new drag handle doesn't start the dragging. Clicking on the bottom always work.

Initially I thought that it was because the drag zone didn't cover the handle icon entirely:

But even fixing that didn't fix this bug.

Also, adding console.log('dragstart begin'); at the begin of dragCeStart JS function and console.log('dragstart end'); at the end of that same function, do display the messages in the console so the function is executed but the drag doesn't start.

[webian]

Debugging more I found out that the problem is that in those cases the dragCeEnd function is called immediately after dragCeStart so dragCeEnd function immediately removes class dropzones-enabled from the body making it seem as if the drag never begins.

[webian]

It is a know 10 years old Chrome bug.

It happens sometimes when the DOM is manipulated on dragStart event then dragEnd fires immediately. The solution is to add a setTimeout of 10 milliseconds into the handler and manipulate the DOM in that timeout.