From 4705d8d8d6012133a229943d54b700aa89fb14f9 Mon Sep 17 00:00:00 2001
From: Jess <jessicapeter92@gmail.com>
Date: Wed, 8 Jun 2016 15:58:05 -0400
Subject: [PATCH] added preventDefault to beginning of handleDragStart on all
 draggable svg elements seems to prevent the problem

---
 app/components/Caption.jsx | 1 +
 app/components/Edge.jsx    | 1 +
 app/components/Node.jsx    | 3 ++-
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/components/Caption.jsx b/app/components/Caption.jsx
index efd9025..a8b2ad5 100644
--- a/app/components/Caption.jsx
+++ b/app/components/Caption.jsx
@@ -79,6 +79,7 @@ export default class Caption extends BaseComponent {
   }
 
   _handleDragStart(e, ui) {
+    e.preventDefault();
     this._startDrag = ui.position;
     this._startPosition = {
       x: this.state.x,
diff --git a/app/components/Edge.jsx b/app/components/Edge.jsx
index d472fe7..4b7aecd 100644
--- a/app/components/Edge.jsx
+++ b/app/components/Edge.jsx
@@ -86,6 +86,7 @@ export default class Edge extends BaseComponent {
   }
 
   _handleDragStart(event, ui) {
+    event.preventDefault();
     this._startDrag = ui.position;
     this._startPosition = {
       x: this.state.cx,
diff --git a/app/components/Node.jsx b/app/components/Node.jsx
index e56d0ec..711f067 100644
--- a/app/components/Node.jsx
+++ b/app/components/Node.jsx
@@ -28,7 +28,7 @@ export default class Node extends BaseComponent {
         moveOnStartChange={false}
         onStart={this._handleDragStart}
         onDrag={this._handleDrag}
-        onStop={this._handleDragStop}>
+        onStop={this._handleDragStop} >
         <g 
           id={groupId} 
           className="node" 
@@ -53,6 +53,7 @@ export default class Node extends BaseComponent {
 
   // keep initial position for comparison with drag position
   _handleDragStart(e, ui) {
+    e.preventDefault();
     this._startDrag = ui.position;
     this._startPosition = {
       x: this.state.x,