Try to use path, then composed path, then fallback to contains

Author: simplesmiler

index.js

@@ -41,11 +41,13 @@ function bind(el, binding) {
   }, 0);
 
   el[HANDLER] = function(ev) {
-    // @NOTE: this test used to be `el.containts`, but `ev.path` is better,
+    // @NOTE: this test used to be just `el.containts`, but working with path is better,
     //        because it tests whether the element was there at the time of
     //        the click, not whether it is there now, that the event has arrived
     //        to the top.
-    if (initialMacrotaskEnded && ev.path.indexOf(el) < 0) {
+    // @NOTE: `.path` is non-standard, the standard way is `.composedPath()`
+    var path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);
+    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {
       return callback(ev);
     }
   };