Merge pull request #12 from magjac/fix-focus

Fix focus

Author: magjac

src/Graph.js

@@ -243,10 +243,10 @@ class Graph extends React.Component {
   }
 
   handleClickDiv(d, i, nodes) {
+    document.activeElement.blur();
     var event = d3_event;
     event.preventDefault();
     event.stopPropagation();
-    document.activeElement.blur();
     this.unSelectComponents();
   }
 
@@ -310,21 +310,21 @@ class Graph extends React.Component {
   }
 
   handleClickNode(d, i, nodes) {
+    document.activeElement.blur();
     var event = d3_event;
     event.preventDefault();
     event.stopPropagation();
-    document.activeElement.blur();
     if (!this.isDrawingEdge && event.which === 1) {
       let extendSelection = event.ctrlKey || event.shiftKey;
       this.selectComponents(d3_select(nodes[i]), extendSelection);
     }
   }
 
   handleDblClickNode(d, i, nodes) {
+    document.activeElement.blur();
     var event = d3_event;
     event.preventDefault();
     event.stopPropagation();
-    document.activeElement.blur();
     this.unSelectComponents();
     if (this.isDrawingEdge) {
       var endNode = d3_select(nodes[i]);
@@ -340,10 +340,10 @@ class Graph extends React.Component {
   }
 
   handleRightClickNode(d, i, nodes) {
+    document.activeElement.blur();
     var event = d3_event;
     event.preventDefault();
     event.stopPropagation();
-    document.activeElement.blur();
     this.unSelectComponents();
     this.graphviz.removeDrawnEdge();
     this.startNode = d3_select(nodes[i]);
@@ -361,23 +361,24 @@ class Graph extends React.Component {
   }
 
   handleClickEdge(d, i, nodes) {
+    document.activeElement.blur();
     var event = d3_event;
     event.preventDefault();
     event.stopPropagation();
-    document.activeElement.blur();
     let extendSelection = event.ctrlKey || event.shiftKey;
     this.selectComponents(d3_select(nodes[i]), extendSelection);
   }
 
   handleRightClickDiv(d, i, nodes) {
+    document.activeElement.blur();
     var event = d3_event;
     event.preventDefault();
     event.stopPropagation();
-    document.activeElement.blur();
     this.unSelectComponents();
   }
 
   handleMouseDownSvg(d, i, nodes) {
+    document.activeElement.blur();
     var event = d3_event;
     if (event.which !== 1) {
       return;
@@ -421,6 +422,7 @@ class Graph extends React.Component {
   }
 
   handleMouseUpSvg(d, i, nodes) {
+    document.activeElement.blur();
     var event = d3_event;
     if (event.which === 1 && this.selectArea) {
       event.preventDefault();