@innovastudio/contentbuilder 1.3.53 → 1.3.55

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@innovastudio/contentbuilder",
   "type": "module",
-  "version": "1.3.53",
+  "version": "1.3.55",
   "description": "",
   "main": "public/contentbuilder/contentbuilder.esm.js",
   "files": [

package/public/contentbuilder/contentbuilder.esm.js

@@ -4165,10 +4165,8 @@ class Util {
     dom.addClass(pop, 'active');
 
     const handleClickOut = e => {
-      if (!pop.contains(e.target) && !btn.contains(e.target)) {
+      if (!pop.contains(e.target) && !btn.contains(e.target) && !e.target.closest('.pickcolormore')) {
         // click outside
-        const pickcolormore = document.querySelector('.pickcolormore.active');
-        if (pickcolormore) if (pickcolormore.contains(e.target)) return;
         this.hideRtePop(pop); // hide
 
         pop.removeEventListener('keydown', handleKeyDown);
@@ -77340,7 +77338,9 @@ class ContentBuilder {
   }
 
   handleCellKeydown(col, e) {
+    this.oriLen = col.textContent.length; // get character length
     // Cleanup unwanted span
+
     let spans = col.querySelectorAll('span');
     Array.prototype.forEach.call(spans, span => {
       span.setAttribute('data-keep', '');
@@ -77844,13 +77844,27 @@ class ContentBuilder {
     // jQuery('.cell-active').find('.elm-active').removeClass('elm-active');
     // jQuery("#divElementTool").css("display", "none"); //force hide ellement tool
     // Call onChange to indicate content change
+    // this.opts.onChange();
+    // console.log(this.oriLen,col.textContent.length);
 
 
-    this.opts.onChange(); // Hide element highlight & tool during typing
+    if (this.oriLen !== col.textContent.length) {
+      // check if typing produce/reduce a character
+      this.typing();
+    } // Hide element highlight & tool during typing
+
 
     this.elmTool.hide();
   }
 
+  typing() {
+    // console.log('typing');
+    if (this.timeoutId) clearTimeout(this.timeoutId);
+    this.timeoutId = setTimeout(() => {
+      this.opts.onChange();
+    }, 2000);
+  }
+
   handleCellPaste() {
     this.uo.saveForUndo();
     const util = this.util;