4.14.0

yairEO · Jul 20, 2022 · 08205d2 · 08205d2
1 parent d893323
commit 08205d2
Show file tree

Hide file tree

Showing 7 changed files with 28 additions and 16 deletions.
diff --git a/dist/jQuery.tagify.min.js b/dist/jQuery.tagify.min.js
diff --git a/dist/react.tagify.js b/dist/react.tagify.js
diff --git a/dist/tagify.esm.js b/dist/tagify.esm.js
@@ -1,5 +1,5 @@
 /**
- * Tagify (v 4.13.3) - tags input component
+ * Tagify (v 4.14.0) - tags input component
  * By Yair Even-Or
  * https://github.com/yairEO/tagify
  * Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -249,6 +249,8 @@ var DEFAULTS = {
   // Exposed callbacks object to be triggered on certain events
   addTagOnBlur: true,
   // Flag - automatically adds the text which was inputed as a tag when blur event happens
+  onChangeAfterBlur: true,
+  // By default, the native way of inputs' onChange events is kept, and it only fires when the field is blured.
   duplicates: false,
   // "true" - allow duplicate tags
   whitelist: [],
@@ -1294,7 +1296,7 @@ var events = {
         }
 
         this.postUpdate();
-        this.triggerChangeEvent();
+        _s.onChangeAfterBlur && this.triggerChangeEvent();
       }
 
       if (isTargetSelectOption || isTargetAddNewBtn) return;
@@ -1747,7 +1749,10 @@ var events = {
     },
 
     observeOriginalInputValue() {
-      // if original input value changed for some reason (for exmaple a form reset)
+      // if, for some reason, the Tagified element is no longer in the DOM,
+      // call the "destroy" method to kill all references to timeouts/intervals
+      if (!this.DOM.originalInput.parentNode) this.destroy(); // if original input value changed for some reason (for exmaple a form reset)
+
       if (this.DOM.originalInput.value != this.DOM.originalInput.tagifyValue) this.loadOriginalValues();
     },
 
@@ -2346,6 +2351,7 @@ Tagify.prototype = {
     this.DOM.originalInput.tabIndex = this.DOM.originalInput_tabIndex;
     this.dropdown.hide(true);
     clearTimeout(this.dropdownHide__bindEventsTimeout);
+    clearInterval(this.listeners.main.originalInputValueObserverInterval);
   },
 
   /**
@@ -3555,7 +3561,7 @@ Tagify.prototype = {
     var inputValue = this.getInputValue();
     this.setOriginalInputValue(inputValue);
     this.postUpdate();
-    if (!(args || {}).withoutChangeEvent && !this.state.blockChangeEvent) this.triggerChangeEvent();
+    if ((!this.settings.onChangeAfterBlur || !(args || {}).withoutChangeEvent) && !this.state.blockChangeEvent) this.triggerChangeEvent();
   },
 
   getInputValue() {

diff --git a/dist/tagify.js b/dist/tagify.js
@@ -1,5 +1,5 @@
 /**
- * Tagify (v 4.13.3) - tags input component
+ * Tagify (v 4.14.0) - tags input component
  * By Yair Even-Or
  * https://github.com/yairEO/tagify
  * Permission is hereby granted, free of charge, to any person obtaining a copy
@@ -255,6 +255,8 @@
     // Exposed callbacks object to be triggered on certain events
     addTagOnBlur: true,
     // Flag - automatically adds the text which was inputed as a tag when blur event happens
+    onChangeAfterBlur: true,
+    // By default, the native way of inputs' onChange events is kept, and it only fires when the field is blured.
     duplicates: false,
     // "true" - allow duplicate tags
     whitelist: [],
@@ -1300,7 +1302,7 @@
           }
 
           this.postUpdate();
-          this.triggerChangeEvent();
+          _s.onChangeAfterBlur && this.triggerChangeEvent();
         }
 
         if (isTargetSelectOption || isTargetAddNewBtn) return;
@@ -1753,7 +1755,10 @@
       },
 
       observeOriginalInputValue() {
-        // if original input value changed for some reason (for exmaple a form reset)
+        // if, for some reason, the Tagified element is no longer in the DOM,
+        // call the "destroy" method to kill all references to timeouts/intervals
+        if (!this.DOM.originalInput.parentNode) this.destroy(); // if original input value changed for some reason (for exmaple a form reset)
+
         if (this.DOM.originalInput.value != this.DOM.originalInput.tagifyValue) this.loadOriginalValues();
       },
 
@@ -2352,6 +2357,7 @@
       this.DOM.originalInput.tabIndex = this.DOM.originalInput_tabIndex;
       this.dropdown.hide(true);
       clearTimeout(this.dropdownHide__bindEventsTimeout);
+      clearInterval(this.listeners.main.originalInputValueObserverInterval);
     },
 
     /**
@@ -3561,7 +3567,7 @@
       var inputValue = this.getInputValue();
       this.setOriginalInputValue(inputValue);
       this.postUpdate();
-      if (!(args || {}).withoutChangeEvent && !this.state.blockChangeEvent) this.triggerChangeEvent();
+      if ((!this.settings.onChangeAfterBlur || !(args || {}).withoutChangeEvent) && !this.state.blockChangeEvent) this.triggerChangeEvent();
     },
 
     getInputValue() {

diff --git a/dist/tagify.min.js b/dist/tagify.min.js
diff --git a/dist/tagify.polyfills.min.js b/dist/tagify.polyfills.min.js
@@ -1,5 +1,5 @@
 /**
- * Tagify (v 4.13.3) - tags input component
+ * Tagify (v 4.14.0) - tags input component
  * By Yair Even-Or
  * https://github.com/yairEO/tagify
  * Permission is hereby granted, free of charge, to any person obtaining a copy

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@yaireo/tagify",
-    "version": "4.13.3",
+    "version": "4.14.0",
     "homepage": "https://github.com/yairEO/tagify",
     "description": "lightweight, efficient Tags input component in Vanilla JS / React / Angular [super customizable, tiny size & top performance]",
     "keywords": [