Drag and Drop events and the draggable attribute seem to have a very specific UI look and feel that I think is meant to take away the hassle of manually moving the element while in transit by putting a "ghost" image of said element under the mouse pointer, while also altering the cursor used depending on whether the cursor is over a droppable element or not while dragging.

If you want more of a repositioning of the elements using absolute positioning, or maybe even flex positioning (such as rearranging elements in a row or column), then I think that's when you'd want to go with MouseEvents instead of DragEvents? At least that's what I gathered when playing around with mouseevents and touchevents when learning to use these.

I made this pen a couple months back; it's not perfect, but it gets the job done for a prototype of what I was looking to learn how to do:

codepen.io/gatesunder/pen/VpoRPP

Although I haven't used this library, my cousin used this to create a drag & drop editor for a knowledge base that let you drag articles from column to column, as well as to sort them within each column - like what Trello does but with even more levels.

He used github.com/bevacqua/dragula and loved it, so I think it's worth checking out to see if it makes your job easier :D

I posted this link to Mozilla docs on DND a while back... are you struggling with something? Why are you having doubts exactly? hshno.de/rJXdycj2-