Don't fatal with weird event.relatedTarget

src/kibana/components/vislib/components/tooltip/tooltip.js

@@ -162,22 +162,36 @@ define(function (require) {
             }
           }
 
-          element
-          .on('mousemove.tip', function update() {
+          fakeD3Bind(this, 'mousemove', function () {
             if (!self.showCondition.call(element, d, i)) {
               return render();
             }
 
             var events = self.events ? self.events.eventResponse(d, i) : d;
             return render(self.formatter(events));
-          })
-          .on('mouseleave.tip', function () {
+          });
+
+          fakeD3Bind(this, 'mouseleave', function () {
             render();
           });
+
         });
       };
     };
 
+    function fakeD3Bind(el, event, handler) {
+      $(el).on(event, function (e) {
+        // mimicing https://github.com/mbostock/d3/blob/3abb00113662463e5c19eb87cd33f6d0ddc23bc0/src/selection/on.js#L87-L94
+        var o = d3.event; // Events can be reentrant (e.g., focus).
+        d3.event = e;
+        try {
+          handler.apply(this, [this.__data__]);
+        } finally {
+          d3.event = o;
+        }
+      });
+    }
+
     return Tooltip;
   };
 });

src/kibana/components/vislib/lib/dispatch.js

@@ -106,8 +106,6 @@ define(function (require) {
       var $el = this.handler.el;
 
       function hover(d, i) {
-        d3.event.stopPropagation();
-
         // Add pointer if item is clickable
         if (isClickable) {
           self.addMousePointer.call(this, arguments);
@@ -131,8 +129,6 @@ define(function (require) {
       var $el = this.handler.el;
 
       function mouseout() {
-        d3.event.stopPropagation();
-
         self.unHighlightLegend.call(this, $el);
       }
 
@@ -149,7 +145,6 @@ define(function (require) {
       var addEvent = this.addEvent;
 
       function click(d, i) {
-        d3.event.stopPropagation();
         self.emit('click', self.eventResponse(d, i));
       }