fixed dragStart, dragging and dragEnd events when nodes are selected but the viewport is dragged

lib/network/modules/InteractionHandler.js

@@ -318,7 +318,7 @@ class InteractionHandler {
     }
     else {
       // fallback if no node is selected and thus the view is dragged.
-      this.selectionHandler._generateClickEvent('dragStart', event, this.drag.pointer);
+      this.selectionHandler._generateClickEvent('dragStart', event, this.drag.pointer, undefined, true);
     }
   }
 
@@ -337,10 +337,10 @@ class InteractionHandler {
 
     let pointer = this.getPointer(event.center);
 
-    this.selectionHandler._generateClickEvent('dragging', event, pointer);
-
     let selection = this.drag.selection;
     if (selection && selection.length && this.options.dragNodes === true) {
+      this.selectionHandler._generateClickEvent('dragging', event, pointer);
+
       // calculate delta's and new location
       let deltaX = pointer.x - this.drag.pointer.x;
       let deltaY = pointer.y - this.drag.pointer.y;
@@ -364,6 +364,8 @@ class InteractionHandler {
     else {
       // move the network
       if (this.options.dragView === true) {
+        this.selectionHandler._generateClickEvent('dragging', event, pointer, undefined, true);
+
         // if the drag was not started properly because the click started outside the network div, start it now.
         if (this.drag.pointer === undefined) {
           this._handleDragStart(event);
@@ -387,6 +389,7 @@ class InteractionHandler {
     this.drag.dragging = false;
     let selection = this.drag.selection;
     if (selection && selection.length) {
+      this.selectionHandler._generateClickEvent('dragEnd', event, this.getPointer(event.center));
       selection.forEach(function (s) {
         // restore original xFixed and yFixed
         s.node.options.fixed.x = s.xFixed;
@@ -395,9 +398,9 @@ class InteractionHandler {
       this.body.emitter.emit('startSimulation');
     }
     else {
+      this.selectionHandler._generateClickEvent('dragEnd', event, this.getPointer(event.center), undefined, true);
       this.body.emitter.emit('_requestRedraw');
     }
-    this.selectionHandler._generateClickEvent('dragEnd', event, this.getPointer(event.center));
   }
 
 

lib/network/modules/SelectionHandler.js

@@ -74,8 +74,14 @@ class SelectionHandler {
     return selectionChanged;
   }
 
-  _generateClickEvent(eventType, event, pointer, oldSelection) {
-    let properties = this.getSelection();
+  _generateClickEvent(eventType, event, pointer, oldSelection, emptySelection = false) {
+    let properties;
+    if (emptySelection === true) {
+      properties = {nodes:[], edges:[]};
+    }
+    else {
+      properties = this.getSelection();
+    }
     properties['pointer'] = {
       DOM: {x: pointer.x, y: pointer.y},
       canvas: this.canvas.DOMtoCanvas(pointer)