Release 2.2.0

Author: simplesmiler

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [2.2.0] - 2018-04-08
+
+### Changed
+- Refer to `event.path` instead of `element.contains(event.target)` for more reliable containment check (fixes #23), kudos to @jonobr1
+
 ## [2.1.0] - 2016-11-24
 
 ### Changed

README.md

@@ -28,9 +28,9 @@ $ npm install vue-clickaway --save
 From CDN:
 
 ``` html
-<script src="https://cdn.rawgit.com/simplesmiler/vue-clickaway/2.1.0/dist/vue-clickaway.js"></script>
+<script src="https://cdn.rawgit.com/simplesmiler/vue-clickaway/2.2.0/dist/vue-clickaway.js"></script>
 <!-- OR -->
-<script src="https://cdn.rawgit.com/simplesmiler/vue-clickaway/2.1.0/dist/vue-clickaway.min.js"></script>
+<script src="https://cdn.rawgit.com/simplesmiler/vue-clickaway/2.2.0/dist/vue-clickaway.min.js"></script>
 ```
 
 ## Usage

dist/vue-clickaway.common.js

@@ -3,7 +3,7 @@
 var Vue = require('vue');
 Vue = 'default' in Vue ? Vue['default'] : Vue;
 
-var version = '2.1.0';
+var version = '2.2.0';
 
 var compatible = (/^2\./).test(Vue.version);
 if (!compatible) {
@@ -44,9 +44,11 @@ function bind(el, binding) {
   }, 0);
 
   el[HANDLER] = function(ev) {
-    // @NOTE: IE 5.0+
-    // @REFERENCE: https://developer.mozilla.org/en/docs/Web/API/Node/contains
-    if (initialMacrotaskEnded && !el.contains(ev.target)) {
+    // @NOTE: this test used to be `el.containts`, but `ev.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) {
       return callback(ev);
     }
   };

dist/vue-clickaway.js

@@ -2,7 +2,7 @@
 
   Vue = 'default' in Vue ? Vue['default'] : Vue;
 
-  var version = '2.1.0';
+  var version = '2.2.0';
 
   var compatible = (/^2\./).test(Vue.version);
   if (!compatible) {
@@ -43,9 +43,11 @@
     }, 0);
 
     el[HANDLER] = function(ev) {
-      // @NOTE: IE 5.0+
-      // @REFERENCE: https://developer.mozilla.org/en/docs/Web/API/Node/contains
-      if (initialMacrotaskEnded && !el.contains(ev.target)) {
+      // @NOTE: this test used to be `el.containts`, but `ev.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) {
         return callback(ev);
       }
     };

dist/vue-clickaway.min.js

@@ -1,6 +1,6 @@
 import Vue from 'vue';
 
-export var version = '2.1.0';
+export var version = '2.2.0';
 
 var compatible = (/^2\./).test(Vue.version);
 if (!compatible) {