Merge pull request #2481 from UltimateHackingKeyboard/fix-drag-and-drop

fix: drag and drop of keyaction
UltimateHackingKeyboard · Jan 5, 2025 · 688291e · 688291e
2 parents 0dfde7b + ed7a4ae
commit 688291e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/uhk-web/src/app/services/key-action-drag-and-drop.service.ts b/packages/uhk-web/src/app/services/key-action-drag-and-drop.service.ts
@@ -203,10 +203,10 @@ export class KeyActionDragAndDropService implements OnDestroy {
         const clonedElement = this.lefButtonDownOptions.element.cloneNode(true) as SVGElement;
         clonedElement.setAttribute('dragging', 'true');
         if (box.width < 63) {
-            const translateX = translateKey + Math.abs(box.x) + 31.5 - box.width / 2;
-            clonedElement.setAttribute('transform', `translate(${translateX},${translateKey + Math.abs(box.y)})`);
+            const translateX = translateKey + (box.x * -1) + 31.5 - box.width / 2;
+            clonedElement.setAttribute('transform', `translate(${translateX},${translateKey + (box.y * -1)})`);
         } else {
-            clonedElement.setAttribute('transform', `translate(${translateKey + Math.abs(box.x)},${translateKey + Math.abs(box.y)})`);
+            clonedElement.setAttribute('transform', `translate(${translateKey + (box.x * -1)},${translateKey + (box.y * -1)})`);
         }
 
         this.lefButtonDownOptions.element.style.visibility = 'hidden';
@@ -380,7 +380,7 @@ function getLayerId(element: Element): number | undefined {
 }
 
 function convertKeyIdToNumber(keyId: string): number {
-    return parseInt(keyId.split('-').pop()) - 1;
+    return parseInt(keyId.split('-').pop());
 }
 
 function isDropElement(element: Element): boolean {