fix: drag and drop on mobile devices (#86)

Author: hesamurai

src/main.ts

@@ -208,6 +208,7 @@ class NestedSort {
   onDragStart(e: DragEvent): void {
     this.draggedNode = e.target as HTMLElement
     this.draggedNode.classList.add(this.classNames.dragged)
+    e.dataTransfer?.setData('text', '') // Hack for mobile devices
   }
 
   onDragOver(e: DragEvent): void {

test/main.test.js

@@ -215,6 +215,20 @@ describe('NestedSort', () => {
 
         expect(ns.draggedNode).toEqual(item)
       })
+
+      it('runs the event dataTransfer.setDate method', () => {
+        initDataDrivenList()
+        const item = document.querySelector('[data-id="1"]')
+        const setData = jest.fn()
+        item.dispatchEvent(
+          createEvent('dragstart', {
+            dataTransfer: { setData }
+          })
+        )
+
+        expect(setData).toHaveBeenCalledTimes(1)
+        expect(setData).toHaveBeenCalledWith('text', '')
+      })
     })
 
     describe('dragenter event', () => {