[Tooltip] Changed the way the tooltip functions to make up for the fa…

…ct firefox doesn't have certain properties on the event and event target

src/kibana/components/vislib/visualizations/_point_series_chart.js

@@ -1,5 +1,6 @@
 define(function (require) {
   return function PointSeriesChartProvider(d3, Private) {
+    var $ = require('jquery');
     var _ = require('lodash');
 
     var Chart = Private(require('components/vislib/visualizations/_chart'));
@@ -48,6 +49,7 @@ define(function (require) {
      * @returns {D3.Selection}
      */
     PointSeriesChart.prototype.createEndZones = function (svg) {
+      var $chartEl = $(this.chartEl);
       var xAxis = this.handler.xAxis;
       var xScale = xAxis.xScale;
       var yScale = xAxis.yScale;
@@ -100,19 +102,22 @@ define(function (require) {
 
       function callPlay(event) {
         var boundData = event.target.__data__;
+        var offsetX = $chartEl.offset().left;
         var wholeBucket = boundData && boundData.x != null;
 
+        // the min and max that the endzones start in
         var min = leftEndzone.w;
         var max = rightEndzone.x;
 
         // bounds of the cursor to consider
-        var xLeft = event.offsetX;
-        var xRight = event.offsetX;
+        var xLeft = event.clientX - offsetX;
+        var xRight = event.clientX - offsetX;
         if (wholeBucket) {
           xLeft = xScale(boundData.x);
           xRight = xScale(xAxis.addInterval(boundData.x));
         }
 
+
         return {
           wholeBucket: wholeBucket,
           touchdown: min > xLeft || max < xRight
@@ -133,4 +138,4 @@ define(function (require) {
 
     return PointSeriesChart;
   };
-});
+});