Remove jquery from DragElement

mbraak · Nov 14, 2023 · b747ee3 · b747ee3
1 parent 61b433d
commit b747ee3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 13 deletions.
diff --git a/src/dragAndDropHandler/dragElement.ts b/src/dragAndDropHandler/dragElement.ts
@@ -3,38 +3,36 @@ interface DragElementParams {
     nodeName: string;
     offsetX: number;
     offsetY: number;
-    $tree: JQuery;
+    treeElement: HTMLElement;
 }
 
 class DragElement {
     private offsetX: number;
     private offsetY: number;
-    private $element: JQuery<HTMLElement>;
+    private element: HTMLElement;
 
     constructor({
         autoEscape,
         nodeName,
         offsetX,
         offsetY,
-        $tree,
+        treeElement,
     }: DragElementParams) {
         this.offsetX = offsetX;
         this.offsetY = offsetY;
 
-        this.$element = this.createElement(nodeName, autoEscape);
+        this.element = this.createElement(nodeName, autoEscape);
 
-        $tree.append(this.$element);
+        treeElement.appendChild(this.element);
     }
 
     public move(pageX: number, pageY: number): void {
-        this.$element.offset({
-            left: pageX - this.offsetX,
-            top: pageY - this.offsetY,
-        });
+        this.element.style.left = `${pageX - this.offsetX}px`;
+        this.element.style.top = `${pageY - this.offsetY}px`;
     }
 
     public remove(): void {
-        this.$element.remove();
+        this.element.remove();
     }
 
     private createElement(nodeName: string, autoEscape: boolean) {
@@ -47,9 +45,9 @@ class DragElement {
             element.innerHTML = nodeName;
         }
 
-        element.style.pointerEvents = "absolute";
+        element.style.position = "absolute";
 
-        return jQuery(element);
+        return element;
     }
 }
 

diff --git a/src/dragAndDropHandler/index.ts b/src/dragAndDropHandler/index.ts
@@ -157,7 +157,7 @@ export class DragAndDropHandler {
             nodeName: node.name,
             offsetX: positionInfo.pageX - left,
             offsetY: positionInfo.pageY - top,
-            $tree: this.$treeElement,
+            treeElement: this.$treeElement.get(0) as HTMLElement,
         });
 
         this.isDragging = true;