@syncfusion/ej2-richtexteditor 20.2.39 → 20.2.44

package/src/rich-text-editor/renderer/render.js

@@ -51,12 +51,16 @@ var Render = /** @class */ (function () {
     Render.prototype.destroy = function () {
         this.removeEventListener();
     };
+    Render.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     Render.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
             return;
         }
         this.parent.on(events.modelChanged, this.refresh, this);
         this.parent.on(events.keyUp, this.keyUp, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     Render.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -64,6 +68,7 @@ var Render = /** @class */ (function () {
         }
         this.parent.off(events.modelChanged, this.refresh);
         this.parent.off(events.keyUp, this.keyUp);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     Render.prototype.keyUp = function (e) {
         if (this.parent.editorMode === 'HTML') {

package/src/rich-text-editor/renderer/table-module.d.ts

@@ -107,6 +107,7 @@ export declare class Table {
 
      */
     destroy(): void;
+    private moduleDestroy;
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/renderer/table-module.js

@@ -43,6 +43,7 @@ var Table = /** @class */ (function () {
         this.parent.on(events.mouseUp, this.selectionTable, this);
         this.parent.on(events.bindCssClass, this.setCssClass, this);
         this.parent.on(events.destroy, this.destroy, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     Table.prototype.removeEventListener = function () {
         if (this.parent.isDestroyed) {
@@ -64,6 +65,7 @@ var Table = /** @class */ (function () {
         this.parent.off(events.mouseUp, this.selectionTable);
         this.parent.off(events.bindCssClass, this.setCssClass);
         this.parent.off(events.destroy, this.destroy);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
     };
     Table.prototype.updateCss = function (currentObj, e) {
         if (currentObj && e.cssClass) {
@@ -547,7 +549,8 @@ var Table = /** @class */ (function () {
         }
         var target = e.target || e.targetTouches[0].target;
         var closestTable = closest(target, 'table.e-rte-table');
-        if (!isNOU(this.curTable) && !isNOU(closestTable) && closestTable !== this.curTable) {
+        if (!isNOU(this.curTable) && !isNOU(closestTable) && closestTable !== this.curTable &&
+            this.parent.contentModule.getEditPanel().contains(closestTable)) {
             this.removeResizeElement();
             this.removeHelper(e);
             this.cancelResizeAction();
@@ -824,7 +827,8 @@ var Table = /** @class */ (function () {
                 var rteWidth = _this.contentModule.getEditPanel().offsetWidth - (_this.contentModule.getEditPanel().offsetWidth -
                     _this.contentModule.getEditPanel().clientWidth) - paddingSize * 2;
                 var widthCompare = void 0;
-                if (!isNOU(_this.curTable.parentElement.closest('table'))) {
+                if (!isNOU(_this.curTable.parentElement.closest('table')) && !isNOU(_this.curTable.closest('td')) &&
+                    _this.contentModule.getEditPanel().contains(_this.curTable.closest('td'))) {
                     var currentTd = _this.curTable.closest('td');
                     var currentTDPad = +getComputedStyle(currentTd).paddingRight.match(/\d/g).join('');
                     // Padding of the current table with the parent element multiply with 2.
@@ -1357,6 +1361,9 @@ var Table = /** @class */ (function () {
     Table.prototype.destroy = function () {
         this.removeEventListener();
     };
+    Table.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     /**
      * For internal use only - Get the module name.
      *

package/src/rich-text-editor/renderer/toolbar-renderer.d.ts

@@ -10,7 +10,12 @@ import { ColorPicker } from '@syncfusion/ej2-inputs';
 export declare class ToolbarRenderer implements IRenderer {
     private mode;
     private toolbarPanel;
-    protected parent: IRichTextEditor;
+    /**
+     *
+     * @hidden
+     * @private
+     */
+    parent: IRichTextEditor;
     private popupContainer;
     private currentElement;
     private currentDropdown;

package/src/rich-text-editor/renderer/toolbar-renderer.js

@@ -324,10 +324,11 @@ var ToolbarRenderer = /** @class */ (function () {
                     proxy.parent.notify(events.selectionRestore, {});
                     range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
                     var parentNode = range.startContainer.parentNode;
+                    var closestElement = closest(range.startContainer.parentNode, 'table');
                     if ((range.startContainer.nodeName === 'TD' || range.startContainer.nodeName === 'TH' ||
                         (closest(range.startContainer.parentNode, 'td,th')) ||
                         (proxy.parent.iframeSettings.enable && !hasClass(parentNode.ownerDocument.querySelector('body'), 'e-lib')))
-                        && range.collapsed && args.subCommand === 'BackgroundColor') {
+                        && range.collapsed && args.subCommand === 'BackgroundColor' && closest(closestElement, '.' + classes.CLS_RTE)) {
                         proxy.parent.notify(events.tableColorPickerChanged, {
                             item: { command: args.command, subCommand: args.subCommand,
                                 value: colorpickerValue }

package/src/rich-text-editor/renderer/view-source.d.ts

@@ -77,4 +77,5 @@ export declare class ViewSource {
 
      */
     destroy(): void;
+    private moduleDestroy;
 }

package/src/rich-text-editor/renderer/view-source.js

@@ -29,6 +29,7 @@ var ViewSource = /** @class */ (function () {
         this.parent.on(events.initialEnd, this.onInitialEnd, this);
         this.parent.on(events.updateSource, this.updateSourceCode, this);
         this.parent.on(events.destroy, this.destroy, this);
+        this.parent.on(events.moduleDestroy, this.moduleDestroy, this);
     };
     ViewSource.prototype.onInitialEnd = function () {
         this.parent.formatter.editorManager.observer.on(CONSTANT.KEY_DOWN_HANDLER, this.onKeyDown, this);
@@ -39,6 +40,7 @@ var ViewSource = /** @class */ (function () {
         this.parent.off(events.updateSource, this.updateSourceCode);
         this.parent.off(events.initialEnd, this.onInitialEnd);
         this.parent.off(events.destroy, this.destroy);
+        this.parent.off(events.moduleDestroy, this.moduleDestroy);
         this.parent.formatter.editorManager.observer.off(CONSTANT.KEY_DOWN_HANDLER, this.onKeyDown);
     };
     ViewSource.prototype.getSourceCode = function () {
@@ -262,6 +264,9 @@ var ViewSource = /** @class */ (function () {
     ViewSource.prototype.destroy = function () {
         this.removeEventListener();
     };
+    ViewSource.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     return ViewSource;
 }());
 export { ViewSource };