Release 2.2.1

Author: simplesmiler

CHANGELOG.md

@@ -1,3 +1,8 @@
+## [2.2.1] - 2018-04-08
+
+### Changed
+- Fix regression, fallback to `.contains` if `.path` is not supported
+
 ## [2.2.0] - 2018-04-08
 
 ### Changed
@@ -90,3 +95,5 @@ Initial release
 [2.0.0-rc.1]: https://github.com/simplesmiler/vue-clickaway/compare/1.1.5...2.0.0-rc.1
 [2.0.0]: https://github.com/simplesmiler/vue-clickaway/compare/2.0.0-rc.1...2.0.0
 [2.1.0]: https://github.com/simplesmiler/vue-clickaway/compare/2.0.0...2.1.0
+[2.2.0]: https://github.com/simplesmiler/vue-clickaway/compare/2.2.0...2.1.0
+[2.2.1]: https://github.com/simplesmiler/vue-clickaway/compare/2.2.0...2.2.1

README.md

@@ -29,9 +29,9 @@ $ npm install vue-clickaway --save
 From CDN, chose the one you prefer:
 
 ``` html
-<script src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/vue-clickaway.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-clickaway/2.1.0/vue-clickaway.min.js"></script>
-<script src="https://cdn.rawgit.com/simplesmiler/vue-clickaway/2.2.0/dist/vue-clickaway.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/vue-clickaway.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/vue-clickaway/2.2.1/vue-clickaway.min.js"></script>
+<script src="https://cdn.rawgit.com/simplesmiler/vue-clickaway/2.2.1/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.2.0';
+var version = '2.2.1';
 
 var compatible = (/^2\./).test(Vue.version);
 if (!compatible) {
@@ -44,11 +44,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 `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()`
+    let path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);
+    if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {
       return callback(ev);
     }
   };

dist/vue-clickaway.js

@@ -2,7 +2,7 @@
 
   Vue = 'default' in Vue ? Vue['default'] : Vue;
 
-  var version = '2.2.0';
+  var version = '2.2.1';
 
   var compatible = (/^2\./).test(Vue.version);
   if (!compatible) {
@@ -43,11 +43,13 @@
     }, 0);
 
     el[HANDLER] = function(ev) {
-      // @NOTE: this test used to be `el.containts`, but `ev.path` is better,
+      // @NOTE: this test used to be `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()`
+      let path = ev.path || (ev.composedPath ? ev.composedPath() : undefined);
+      if (initialMacrotaskEnded && (path ? path.indexOf(el) < 0 : !el.contains(ev.target))) {
         return callback(ev);
       }
     };

index.js

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

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-clickaway",
   "description": "Reusable clickaway directive for reusable Vue.js components",
-  "version": "2.2.0",
+  "version": "2.2.1",
   "author": "Denis Karabaza <[email protected]>",
   "browserify": {
     "transform": [