@syncfusion/ej2-richtexteditor 26.2.8 → 26.2.9

package/dist/es6/ej2-richtexteditor.es2015.js

@@ -26793,6 +26793,12 @@ class SelectionCommands {
             if (cursorNodes.length === 1 && range.startOffset === 0 && (cursorNodes[0].nodeName === 'BR' || (isNullOrUndefined(cursorNodes[0].nextSibling) ? false : cursorNodes[0].nextSibling.nodeName === 'BR'))) {
                 detach(cursorNodes[0].nodeName === '#text' ? cursorNodes[0].nextSibling : cursorNodes[0]);
             }
+            if (!isNullOrUndefined(cursorNodes[0].parentElement) && IsFormatted.inlineTags.
+                indexOf((cursorNodes[0].parentElement).tagName.toLowerCase()) !== -1 && cursorNodes[0].textContent.includes('\u200B')) {
+                const element = this.GetFormatNode(format, value);
+                this.applyStyles(cursorNodes, 0, element);
+                return cursorNodes[0];
+            }
             cursorNode = this.getInsertNode(docElement, range, format, value).firstChild;
         }
         return cursorNode;
@@ -30825,7 +30831,7 @@ class HtmlEditor {
     }
     onKeyUp(e) {
         const args = e.args;
-        const restrictKeys = [8, 9, 13, 16, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
+        const restrictKeys = [8, 9, 13, 17, 18, 20, 27, 37, 38, 39, 40, 44, 45, 46, 91,
             112, 113, 114, 115, 116, 117, 118, 119, 120, 121, 122, 123];
         const range = this.parent.getRange();
         const regEx = new RegExp('\u200B', 'g');
@@ -30833,9 +30839,18 @@ class HtmlEditor {
             range.startOffset === 1 && range.startContainer.textContent.length === 1 &&
             range.startContainer.textContent.charCodeAt(0) === 8203 &&
             range.startContainer.textContent.replace(regEx, '').length === 0;
+        let isMention = false;
+        if (range.startContainer === range.endContainer &&
+            range.startOffset === range.endOffset && (range.startContainer !== this.parent.inputElement && range.startOffset !== 0)) {
+            const mentionStartNode = range.startContainer.nodeType === 3 ?
+                range.startContainer : range.startContainer.childNodes[range.startOffset - 1];
+            isMention = args.keyCode === 16 &&
+                mentionStartNode.textContent.charCodeAt(0) === 8203 &&
+                !isNullOrUndefined(mentionStartNode.previousSibling) && mentionStartNode.previousSibling.contentEditable === 'false';
+        }
         let pointer;
         let isRootParent = false;
-        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode) {
+        if (restrictKeys.indexOf(args.keyCode) < 0 && !args.shiftKey && !args.ctrlKey && !args.altKey && !isEmptyNode && !isMention) {
             pointer = range.startOffset;
             const container = range.startContainer;
             // Check if the container is a text node and contains a zero-width space
@@ -36651,7 +36666,7 @@ let RichTextEditor = class RichTextEditor extends Component {
                     this.inputElement.innerHTML = this.enterKey !== 'BR' ? '<' + this.enterKey + '><br></' + this.enterKey + '>' : '<br>';
                     this.isSelectAll = false;
                 }
-                if (selection.rangeCount > 0 && this.contentModule.getDocument().activeElement.tagName !== 'INPUT' && this.inputElement.contains(this.contentModule.getDocument().activeElement)) {
+                if (selection.rangeCount > 0 && this.contentModule.getDocument().activeElement.tagName !== 'INPUT' && this.inputElement.contains(this.contentModule.getDocument().activeElement) && range.startContainer.innerHTML === '<br>' && range.startContainer.textContent === '') {
                     selection.removeAllRanges();
                     selection.addRange(currentRange);
                 }
@@ -36913,6 +36928,10 @@ let RichTextEditor = class RichTextEditor extends Component {
             clearInterval(this.timeInterval);
             this.timeInterval = null;
         }
+        if (!isNullOrUndefined(this.autoSaveTimeOut)) {
+            clearTimeout(this.autoSaveTimeOut);
+            this.autoSaveTimeOut = null;
+        }
         if (!isNullOrUndefined(this.idleInterval)) {
             clearTimeout(this.idleInterval);
             this.idleInterval = null;
@@ -37944,7 +37963,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             }
             this.preventDefaultResize(e);
             this.trigger('focus', { event: e, isInteracted: Object.keys(e).length === 0 ? false : true });
-            if (!isNullOrUndefined(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle) {
+            if (!isNullOrUndefined(this.saveInterval) && this.saveInterval > 0 && !this.autoSaveOnIdle && isNullOrUndefined(this.timeInterval)) {
                 this.timeInterval = setInterval(this.updateValueOnIdle.bind(this), this.saveInterval);
             }
             EventHandler.add(document, 'mousedown', this.onDocumentClick, this);
@@ -38113,8 +38132,8 @@ let RichTextEditor = class RichTextEditor extends Component {
     contentChanged() {
         if (this.autoSaveOnIdle) {
             if (!isNullOrUndefined(this.saveInterval)) {
-                clearTimeout(this.timeInterval);
-                this.timeInterval = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
+                clearTimeout(this.autoSaveTimeOut);
+                this.autoSaveTimeOut = setTimeout(this.updateIntervalValue.bind(this), this.saveInterval);
             }
         }
     }