Get width and height when sending drag data to event handlers instead…

… of caching them in drag start handler
rocketium · Jul 26, 2019 · aa499ae · aa499ae
1 parent 7c28735
commit aa499ae
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 8 deletions.
diff --git a/dist/index.es.js b/dist/index.es.js
diff --git a/dist/index.es.js.map b/dist/index.es.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "react-alignment-guides",
-	"version": "0.7.16",
+	"version": "0.7.17",
 	"description": "React Alignment Guides is a guides system for draggable elements in an enclosed space",
 	"keywords": [
 		"drag",

diff --git a/src/Box.js b/src/Box.js
@@ -68,7 +68,13 @@ class Box extends Component {
 					left: e.clientX - deltaX,
 					top: e.clientY - deltaY
 				};
-				const data = { x: currentPosition.left, y: currentPosition.top, width: startingPosition.width, height: startingPosition.height, node: target };
+				const data = {
+					x: currentPosition.left,
+					y: currentPosition.top,
+					width: target.offsetWidth,
+					height: target.offsetHeight,
+					node: target
+				};
 				this.setState({
 					left: currentPosition.left,
 					top: currentPosition.top
@@ -84,7 +90,13 @@ class Box extends Component {
 					left: e.clientX - deltaX,
 					top: e.clientY - deltaY
 				};
-				const data = { x: endPosition.left, y: endPosition.top, width: startingPosition.width, height: startingPosition.height, node: target };
+				const data = {
+					x: endPosition.left,
+					y: endPosition.top,
+					width: target.offsetWidth,
+					height: target.offsetHeight,
+					node: target
+				};
 				this.props.onDragEnd && this.props.onDragEnd(e, data);
 				document.removeEventListener('mousemove', onDrag);
 				document.removeEventListener('mouseup', onDragEnd);