From 5e7fe214c42ef6f31e107255e5c8611a88235674 Mon Sep 17 00:00:00 2001 From: Tyler Schicke Date: Sun, 27 Jan 2019 17:59:31 -0500 Subject: Fixed drag drop event handling --- src/views/freeformcanvas/CollectionFreeFormView.tsx | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) (limited to 'src/views') diff --git a/src/views/freeformcanvas/CollectionFreeFormView.tsx b/src/views/freeformcanvas/CollectionFreeFormView.tsx index 53c5def52..8215e27ac 100644 --- a/src/views/freeformcanvas/CollectionFreeFormView.tsx +++ b/src/views/freeformcanvas/CollectionFreeFormView.tsx @@ -43,20 +43,21 @@ export class CollectionFreeFormView extends React.Component { const ele = this._ref.current; DragManager.MakeDropTarget(this._ref.current, { handlers: { - drop: (e: DragManager.DropEvent) => { - const doc = e.data["document"]; - const xOffset = e.data["xOffset"] as number || 0; - const yOffset = e.data["yOffset"] as number || 0; + drop: (e:Event, de: DragManager.DropEvent) => { + const doc = de.data["document"]; + const xOffset = de.data["xOffset"] as number || 0; + const yOffset = de.data["yOffset"] as number || 0; if (doc instanceof DocumentView) { const { scale, translateX, translateY } = Utils.GetScreenTransform(ele.children[0] as HTMLElement); console.log(`${scale} ${translateX} ${translateY}`) - const screenX = e.x - xOffset; - const screenY = e.y - yOffset; + const screenX = de.x - xOffset; + const screenY = de.y - yOffset; const docX = (screenX - translateX) / scale; const docY = (screenY - translateY) / scale; doc.x = docX; doc.y = docY; } + e.stopPropagation(); } } }); -- cgit v1.2.3-70-g09d2