Introduce has-passive-events

Author: dy

package.json

@@ -84,6 +84,7 @@
     "gl-spikes2d": "^1.0.1",
     "gl-surface3d": "^1.3.1",
     "has-hover": "^1.0.1",
+    "has-passive-events": "^1.0.0",
     "kdgrass": "^1.0.1",
     "mapbox-gl": "^0.22.0",
     "matrix-camera-controller": "^2.1.3",

src/components/dragelement/index.js

@@ -11,6 +11,7 @@
 
 var mouseOffset = require('mouse-event-offset');
 var hasHover = require('has-hover');
+var supportsPassive = require('has-passive-events');
 
 var Plotly = require('../../plotly');
 var Lib = require('../../lib');
@@ -27,7 +28,6 @@ var unhover = require('./unhover');
 dragElement.unhover = unhover.wrapped;
 dragElement.unhoverRaw = unhover.raw;
 
-var supportsPassive = Lib.eventListenerOptionsSupported();
 
 /**
  * Abstracts click & drag interactions

src/lib/index.js

@@ -890,25 +890,3 @@ lib.subplotSort = function(a, b) {
     }
     return numB - numA;
 };
-
-/*
- * test if event listener options supported
- */
-lib.eventListenerOptionsSupported = function() {
-    var supported = false;
-
-    try {
-        var opts = Object.defineProperty({}, 'passive', {
-            get: function() {
-                supported = true;
-            }
-        });
-
-        window.addEventListener('test', null, opts);
-        window.removeEventListener('test', null, opts);
-    } catch(e) {
-        supported = false;
-    }
-
-    return supported;
-};

src/plots/cartesian/dragbox.js

@@ -11,6 +11,7 @@
 
 var d3 = require('d3');
 var tinycolor = require('tinycolor2');
+var supportsPassive = require('has-passive-events');
 
 var Plotly = require('../../plotly');
 var Registry = require('../../registry');
@@ -34,7 +35,6 @@ var constants = require('./constants');
 var MINDRAG = constants.MINDRAG;
 var MINZOOM = constants.MINZOOM;
 
-var supportsPassive = Lib.eventListenerOptionsSupported();
 
 // flag for showing "doubleclick to zoom out" only at the beginning
 var SHOWZOOMOUTTIP = true;

src/plots/gl3d/camera.js

@@ -15,8 +15,7 @@ var createView = require('3d-view');
 var mouseChange = require('mouse-change');
 var mouseWheel = require('mouse-wheel');
 var mouseOffset = require('mouse-event-offset');
-var Lib = require('../../lib');
-var supportsPassive = Lib.eventListenerOptionsSupported();
+var supportsPassive = require('has-passive-events');
 
 function createCamera(element, options) {
     element = element || document.body;

src/plots/gl3d/scene.js

@@ -11,6 +11,7 @@
 
 var createPlot = require('gl-plot3d');
 var getContext = require('webgl-context');
+var passiveSupported = require('has-passive-events');
 
 var Registry = require('../../registry');
 var Lib = require('../../lib');
@@ -27,7 +28,6 @@ var createAxesOptions = require('./layout/convert');
 var createSpikeOptions = require('./layout/spikes');
 var computeTickMarks = require('./layout/tick_marks');
 
-var passiveSupported = Lib.eventListenerOptionsSupported();
 
 var STATIC_CANVAS, STATIC_CONTEXT;