SmoothDnd doesn't work correctly on Chrome and Edge because the onMouseDown(event) fires for the <span> element not the <button>.
The drag appears to start, but the drag ghost image doesn't move, instead you get an image the Browser creates, which does move. When you release the button the ghost image drags and another click drops it. This is on Chrome.
This doesn't happen on Firefox because the mousedown event fires on the button. This is an old bug in Firefox and here.
I did try to add a fix to onMouseDown() but couldn't get it to work.
With the following markup:
and
SmoothDnd doesn't work correctly on Chrome and Edge because the
onMouseDown(event)
fires for the<span>
element not the<button>
.The drag appears to start, but the drag ghost image doesn't move, instead you get an image the Browser creates, which does move. When you release the button the ghost image drags and another click drops it. This is on Chrome.
This doesn't happen on Firefox because the mousedown event fires on the button. This is an old bug in Firefox and here.
I did try to add a fix to
onMouseDown()
but couldn't get it to work.