@syncfusion/ej2-richtexteditor 20.2.44 → 20.2.49

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

@@ -12562,7 +12562,7 @@ class InsertHtml {
     static getNodeCollection(range, nodeSelection, node) {
         let nodes = [];
         if (range.startOffset === range.endOffset && range.startContainer === range.endContainer &&
-            range.startContainer.nodeName != 'BR' &&
+            range.startContainer.nodeName != 'BR' && range.startContainer.childNodes.length > 0 &&
             (range.startContainer.nodeName === 'TD' || (range.startContainer.nodeType !== 3 &&
                 node.classList && node.classList.contains('pasteContent')))) {
             nodes.push(range.startContainer.childNodes[range.endOffset]);
@@ -12615,7 +12615,7 @@ class InsertHtml {
                     node.firstElementChild.insertAdjacentElement('afterend', liNode);
                 }
             }
-            if (blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH') {
+            if (blockNode.nodeName === 'TD' || blockNode.nodeName === 'TH' || blockNode.nodeName === 'TR') {
                 const tempSpan = createElement('span', { className: 'tempSpan' });
                 range.insertNode(tempSpan);
                 tempSpan.parentNode.replaceChild(node, tempSpan);
@@ -19664,6 +19664,7 @@ class FullScreen {
                             baseToolbar: this.parent.getBaseToolbarObject()
                         });
                     }
+                    this.parent.refreshUI();
                     this.parent.trigger(actionComplete, { requestType: 'Maximize', targetItem: 'Maximize', args: event });
                 }
             });
@@ -25020,7 +25021,7 @@ class EnterKeyAction {
                 blockElement = curElement;
                 curElement = curElement.parentElement;
             }
-            isTableEnter = blockElement.tagName === 'TD' ? false : true;
+            isTableEnter = blockElement.tagName === 'TD' || blockElement.tagName === 'TBODY' ? false : true;
         }
         if (e.args.which === 13 && e.args.code === 'Enter') {
             if (isNullOrUndefined(this.startNode.closest('LI')) && isNullOrUndefined(this.endNode.closest('LI')) && isTableEnter &&
@@ -25106,7 +25107,10 @@ class EnterKeyAction {
                                 isFocusedFirst = true;
                             }
                             this.removeBRElement(nearBlockNode);
-                            if (((this.range.startOffset === 0 && this.range.endOffset === 0) || isFocusedFirst) &&
+                            const fireFoxEnterAtMiddle = Browser.userAgent.indexOf('Firefox') != -1 && this.range.startOffset === 0 && this.range.startContainer === this.range.endContainer &&
+                                this.range.startContainer.nodeName === '#text' && !this.parent.formatter.editorManager.domNode.isBlockNode(this.range.startContainer.previousSibling) &&
+                                this.range.startContainer.parentElement === this.range.startContainer.previousSibling.parentElement;
+                            if (!fireFoxEnterAtMiddle && ((this.range.startOffset === 0 && this.range.endOffset === 0) || isFocusedFirst) &&
                                 !(!isNullOrUndefined(this.range.startContainer.previousSibling) &&
                                     (this.range.startContainer.previousSibling.nodeName === 'IMG' || this.range.startContainer.previousSibling.nodeName === 'BR'))) {
                                 let isNearBlockLengthZero;
@@ -25345,6 +25349,7 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
 let RichTextEditor = class RichTextEditor extends Component {
     constructor(options, element) {
         super(options, element);
+        this.needsID = true;
     }
     /**
      * To provide the array of modules needed for component rendering
@@ -25429,7 +25434,6 @@ let RichTextEditor = class RichTextEditor extends Component {
         this.isFocusOut = false;
         this.isRTE = false;
         this.isBlur = true;
-        this.needsID = true;
         this.defaultResetValue = null;
         this.isResizeInitialized = false;
     }
@@ -26471,7 +26475,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             if (this.valueContainer) {
                 this.valueContainer.value = (this.enableHtmlEncode) ? this.value : value;
             }
-            if (this.editorMode === 'HTML' && this.inputElement && this.inputElement.innerHTML.trim() !== value.trim()) {
+            if (this.editorMode === 'HTML' && this.inputElement && this.inputElement.innerHTML.replace('&', '&').trim() !== value.trim()) {
                 this.inputElement.innerHTML = value;
             }
             else if (this.editorMode === 'Markdown' && this.inputElement
@@ -27151,6 +27155,7 @@ let RichTextEditor = class RichTextEditor extends Component {
         }
         this.setProperties({ value: this.getUpdatedValue() }, true);
         this.valueContainer.value = this.value;
+        this.isValueChangeBlurhandler = false;
         this.invokeChangeEvent();
     }
     updateIntervalValue() {
@@ -27206,6 +27211,7 @@ let RichTextEditor = class RichTextEditor extends Component {
             const value = this.getUpdatedValue();
             this.setProperties({ value: value });
             this.notify(toolbarRefresh, { args: e, documentNode: document });
+            this.isValueChangeBlurhandler = true;
             this.invokeChangeEvent();
             this.isFocusOut = true;
             this.isBlur = false;
@@ -27253,7 +27259,8 @@ let RichTextEditor = class RichTextEditor extends Component {
             currentValue = this.value;
         }
         const eventArgs = {
-            value: currentValue
+            value: currentValue,
+            isInteracted: this.isValueChangeBlurhandler
         };
         if (this.value !== this.cloneValue) {
             this.trigger('change', eventArgs);