Rounded corners with HTML "draggable"

Updated fix. Pain in the ...

Hopefully, this will help someone. The solution is from the react-dnd github.

Add transform: translate(0, 0); to the node you wish to drag as a preview.

CSS in JS: transform: 'translate(0, 0)'

Solution from here.

This is still broken in Chrome (71). I found that this can be fixed by setting an opacity to the draggable element. If you do not desire opacity, you can set opacity: 0.999; to fix this.

Solution: https://jsfiddle.net/8ro46wf7/