fixed drag and drop problem when within parent and dragImage problem

2025-03-07 17:09:35 +05:30
parent 71c2bfd949
commit 217dedc121
3 changed files with 93 additions and 35 deletions
--- a/src/components/draggable/draggable.js
+++ b/src/components/draggable/draggable.js
@@ -16,10 +16,11 @@ const DraggableWrapper = memo(({dragElementType, dragWidgetClass=null, currentPo
    const setInitialPos = (e) => {
        const {clientX, clientY} = e

-        
+        const draggableRect = draggableRef.current.getBoundingClientRect() 
+
        const posMetaData = {
            dragStartCursorPos: {x: clientX, y: clientY},
-            initialPos: currentPos
+            initialPos: {x: draggableRect.x, y: draggableRect.y}
        }

        setPosMetaData(posMetaData)