briancodes / ngx-interact-outside Goto Github PK

Currently Angular does not support passive option with Renderer2.listen()

There is a feature request to implement passive listener option for template events bindings

We could supply a passiveListeners Input on the directive - this would require using window/document.addEventListener rather than Renderer2, so would require a browser/node environment check as well.

MDN Passive Listeners

Feature detect required for passive event listener support - Modernizr has an implementation

Modernizr - passiveeventlisteners.js

define(['Modernizr'], function(Modernizr) {
  Modernizr.addTest('passiveeventlisteners', function() {
    var supportsPassiveOption = false;
    try {
      var opts = Object.defineProperty({}, 'passive', {
        get: function() {
          supportsPassiveOption = true;
        }
      });
      window.addEventListener('test', null, opts);
    } catch (e) {}
    return supportsPassiveOption;
  });
});