@syncfusion/ej2-richtexteditor 20.2.40 → 20.2.45

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) {
@@ -1359,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 };