fix: align drag preview/sticker properly

Closes #596
bpmn-io · Sep 13, 2024 · 5df7f0c · 5df7f0c
1 parent c4af692
commit 5df7f0c
Showing 1 changed file with 29 additions and 0 deletions.
diff --git a/packages/form-js-editor/src/features/dragging/Dragging.js b/packages/form-js-editor/src/features/dragging/Dragging.js
@@ -280,6 +280,35 @@ export class Dragging {
 
  return !target.classList.contains(DRAG_NO_DROP_CLS);
  },
+
+ transformOffset: (offset, event, element) => {
+ if (element.classList.contains(DRAG_ROW_MOVE_CLS)) {
+ const rowOffset = {
+ x: -5,
+ y: -60,
+ };
+
+ return {
+ left: event.clientX + rowOffset.x,
+ top: event.clientY + rowOffset.y,
+ };
+ }
+
+ if (element.classList.contains(DRAG_MOVE_CLS)) {
+ const iconOffset = {
+ x: -5,
+ y: -15,
+ };
+
+ return {
+ left: event.clientX + iconOffset.x,
+ top: event.clientY + iconOffset.y,
+ };
+ }
+
+ return offset;
+ },
+
  slideFactorX: 10,
  slideFactorY: 5,
  };