@syncfusion/ej2-richtexteditor 20.2.36 → 20.2.40

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.2.36
+*  version : 20.2.40
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-richtexteditor@*",
-  "_id": "@syncfusion/ej2-richtexteditor@19.10.1",
+  "_id": "@syncfusion/ej2-richtexteditor@20.2.39",
   "_inBundle": false,
-  "_integrity": "sha512-nRcvTjn8CJx6Jc+BsAL5C8zGWA/jIfS4UA+7uCE0CGxNvW74otn0hU1phz61DYDvsmWP/oVREomhY7do8ADZqg==",
+  "_integrity": "sha512-yO/wGqPBdhD7xAMyXiLpzmmE9xiT18tgPaMOCsiUGj4wuJcWEF+2RVc66t2fLy2osg70SdEof4R6wByno2tN+w==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -26,8 +26,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-19.10.1.tgz",
-  "_shasum": "2368624db68c024864a84641dc195e8bb602dedd",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-20.2.39.tgz",
+  "_shasum": "1f0a6edaf8a4f4200b391fe333a9a11116b23191",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -38,13 +38,13 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.2.36",
-    "@syncfusion/ej2-buttons": "~20.2.36",
-    "@syncfusion/ej2-filemanager": "~20.2.36",
-    "@syncfusion/ej2-inputs": "~20.2.36",
-    "@syncfusion/ej2-navigations": "~20.2.36",
-    "@syncfusion/ej2-popups": "~20.2.36",
-    "@syncfusion/ej2-splitbuttons": "~20.2.36"
+    "@syncfusion/ej2-base": "~20.2.39",
+    "@syncfusion/ej2-buttons": "~20.2.38",
+    "@syncfusion/ej2-filemanager": "~20.2.39",
+    "@syncfusion/ej2-inputs": "~20.2.38",
+    "@syncfusion/ej2-navigations": "~20.2.39",
+    "@syncfusion/ej2-popups": "~20.2.40",
+    "@syncfusion/ej2-splitbuttons": "~20.2.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -70,6 +70,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.2.36",
+  "version": "20.2.40",
   "sideEffects": false
 }

package/src/editor-manager/plugin/lists.js

@@ -185,6 +185,8 @@ var Lists = /** @class */ (function () {
         var endNode = this.parent.domNode.getSelectedNode(range.endContainer, range.endOffset);
         startNode = startNode.nodeName === 'BR' ? startNode.parentElement : startNode;
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
+        startNode = startNode.nodeName !== 'LI' && !isNOU(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
+        endNode = endNode.nodeName !== 'LI' && !isNOU(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
         if (((range.commonAncestorContainer.nodeName === 'OL' || range.commonAncestorContainer.nodeName === 'UL' || range.commonAncestorContainer.nodeName === 'LI') &&
             isNOU(endNode.nextElementSibling) && endNode.textContent.length === range.endOffset &&
             isNOU(startNode.previousElementSibling) && range.startOffset === 0) ||

package/src/editor-manager/plugin/toolbar-status.js

@@ -233,7 +233,7 @@ var ToolbarStatus = /** @class */ (function () {
         if ((name !== null && name !== '' && name !== undefined)
             && (fontName === null || fontName === undefined || (fontName.filter(function (value, pos) {
                 var pattern = new RegExp(name, 'i');
-                if ((value.replace(/"/g, '').replace(/ /g, '') === name.replace(/"/g, '').replace(/ /g, '')) ||
+                if ((value.replace(/"/g, '').replace(/ /g, '').toLowerCase() === name.replace(/"/g, '').replace(/ /g, '').toLowerCase()) ||
                     (value.search(pattern) > -1)) {
                     index = pos;
                 }

package/src/rich-text-editor/actions/full-screen.js

@@ -42,7 +42,8 @@ var FullScreen = /** @class */ (function () {
                     }
                     _this.parent.element.classList.add(classes.CLS_FULL_SCREEN);
                     _this.toggleParentOverflow(true);
-                    _this.parent.setContentHeight();
+                    var isExpand = _this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+                    _this.parent.setContentHeight(null, isExpand);
                     if (_this.parent.toolbarModule) {
                         if (!_this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
                             _this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);
@@ -89,7 +90,8 @@ var FullScreen = /** @class */ (function () {
                     for (var i = 0; i < elem.length; i++) {
                         removeClass([elem[i]], ['e-rte-overflow']);
                     }
-                    _this.parent.setContentHeight();
+                    var isExpand = _this.parent.element.querySelectorAll('.e-toolbar-extended.e-popup-open').length > 0 ? true : false;
+                    _this.parent.setContentHeight(null, isExpand);
                     if (_this.parent.toolbarModule) {
                         if (!_this.parent.getBaseToolbarObject().toolbarObj.items[0].properties) {
                             _this.parent.getBaseToolbarObject().toolbarObj.removeItems(0);

package/src/rich-text-editor/base/constant.d.ts

@@ -650,4 +650,9 @@ export declare const bindCssClass: string;
  * @hidden
 
  */
-export declare const blockInlineEmptyNodes: string;
+export declare const blockEmptyNodes: string;
+/**
+ * @hidden
+
+ */
+export declare const inlineEmptyNodes: string;

package/src/rich-text-editor/base/constant.js

@@ -650,4 +650,9 @@ export var bindCssClass = 'closeTableDialog';
  * @hidden
 
  */
-export var blockInlineEmptyNodes = "address:empty, article:empty, aside:empty, blockquote:empty,\n details:empty, dd:empty, div:empty, dl:empty, dt:empty, fieldset:empty, footer:empty,form:empty, h1:empty,\n h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, header:empty, hgroup:empty, hr:empty, li:empty, main:empty, nav:empty,\n noscript:empty, output:empty, p:empty, pre:empty, section:empty, td:empty, th:empty,\n a:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,\n canvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,\n ins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,\n q:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,\n template:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty";
+export var blockEmptyNodes = "address:empty, article:empty, aside:empty, blockquote:empty,\n details:empty, dd:empty, div:empty, dl:empty, dt:empty, fieldset:empty, footer:empty,form:empty, h1:empty,\n h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, header:empty, hgroup:empty, li:empty, main:empty, nav:empty,\n noscript:empty, output:empty, p:empty, pre:empty, section:empty, td:empty, th:empty";
+/**
+ * @hidden
+
+ */
+export var inlineEmptyNodes = "a:empty, abbr:empty, acronym:empty, b:empty, bdi:empty, bdo:empty, big:empty, button:empty,\n canvas:empty, cite:empty, code:empty, data:empty, datalist:empty, del:empty, dfn:empty, em:empty, font:empty, i:empty, iframe:empty,\n ins:empty, kbd:empty, label:empty, map:empty, mark:empty, meter:empty, noscript:empty, object:empty, output:empty, picture:empty, progress:empty,\n q:empty, ruby:empty, s:empty, samp:empty, script:empty, select:empty, slot:empty, small:empty, span:empty, strong:empty, strike:empty, sub:empty, sup:empty, svg:empty,\n template:empty, textarea:empty, time:empty, u:empty, tt:empty, var:empty, wbr:empty";

package/src/rich-text-editor/base/rich-text-editor.js

@@ -502,13 +502,17 @@ var RichTextEditor = /** @class */ (function (_super) {
         var closestLI = closest(endNode, 'LI');
         if (!isNOU(closestLI) && endNode.textContent.length === range.endOffset &&
             !range.collapsed && isNOU(endNode.nextElementSibling)) {
-            closestLI.textContent = closestLI.textContent.trim();
-            currentEndOffset = closestLI.textContent.length - 1;
+            for (var i = 0; i < closestLI.childNodes.length; i++) {
+                if (closestLI.childNodes[i].nodeName === "#text" && closestLI.childNodes[i].textContent.trim().length === 0) {
+                    detach(closestLI.childNodes[i]);
+                    i--;
+                }
+            }
             var currentLastElem = closestLI;
-            while (currentLastElem.nodeName !== '#text') {
+            while (currentLastElem.lastChild !== null && currentLastElem.nodeName !== '#text') {
                 currentLastElem = currentLastElem.lastChild;
             }
-            this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), isSameContainer ? currentLastElem : currentStartContainer, currentLastElem, currentStartOffset, currentLastElem.textContent.length);
+            this.formatter.editorManager.nodeSelection.setSelectionText(this.contentModule.getDocument(), isSameContainer ? (currentLastElem.nodeName === 'BR' && !isNOU(currentLastElem.previousSibling) ? currentLastElem.previousSibling : currentLastElem) : currentStartContainer, currentLastElem, currentStartOffset, (currentLastElem.nodeName === 'BR' ? 0 : currentLastElem.textContent.length));
         }
     };
     /**
@@ -847,8 +851,19 @@ var RichTextEditor = /** @class */ (function (_super) {
         if (this.isDestroyed || !this.isRendered) {
             return;
         }
-        if (this.element.offsetParent === null && !isNOU(this.toolbarModule)) {
-            this.toolbarModule.destroy();
+        if (this.element.offsetParent === null) {
+            if (!isNOU(this.toolbarModule)) {
+                this.toolbarModule.destroy();
+            }
+            if (!isNOU(this.imageModule)) {
+                this.imageModule.moduleDestroy();
+            }
+            if (!isNOU(this.linkModule)) {
+                this.linkModule.moduleDestroy();
+            }
+            if (!isNOU(this.renderModule)) {
+                this.renderModule.moduleDestroy();
+            }
             return;
         }
         this.notify(events.destroy, {});

package/src/rich-text-editor/base/util.js

@@ -414,9 +414,13 @@ export function updateTextNode(value, rteObj) {
         var previousParent = void 0;
         var insertElem = void 0;
         while (tempNode.firstChild) {
-            var emptyElem = tempNode.querySelectorAll(CONSTANT.blockInlineEmptyNodes);
-            for (var i = 0; i < emptyElem.length; i++) {
-                emptyElem[i].innerHTML = '<br>';
+            var emptyBlockElem = tempNode.querySelectorAll(CONSTANT.blockEmptyNodes);
+            for (var i = 0; i < emptyBlockElem.length; i++) {
+                emptyBlockElem[i].innerHTML = '<br>';
+            }
+            var emptyInlineElem = tempNode.querySelectorAll(CONSTANT.inlineEmptyNodes);
+            for (var i = 0; i < emptyInlineElem.length; i++) {
+                emptyInlineElem[i].innerHTML = '&ZeroWidthSpace;';
             }
             if (rteObj.enterKey !== 'BR' && ((tempNode.firstChild.nodeName === '#text' &&
                 (tempNode.firstChild.textContent.indexOf('\n') < 0 || tempNode.firstChild.textContent.trim() !== '')) ||

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

@@ -30,6 +30,7 @@ export declare class Image {
     private isAllowedTypes;
     private pageX;
     private pageY;
+    private mouseX;
     private dialogRenderObj;
     private deletedImg;
     private changedWidthValue;
@@ -164,6 +165,14 @@ export declare class Image {
 
      */
     destroy(): void;
+    /**
+     * Clears the ImageModule.
+     *
+     * @returns {void}
+     * @hidden
+
+     */
+    moduleDestroy(): void;
     /**
      * For internal use only - Get the module name.
      *

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

@@ -17,6 +17,7 @@ var Image = /** @class */ (function () {
         this.isAllowedTypes = true;
         this.pageX = null;
         this.pageY = null;
+        this.mouseX = null;
         this.deletedImg = [];
         this.parent = parent;
         this.rteID = parent.element.id;
@@ -353,8 +354,9 @@ var Image = /** @class */ (function () {
             img.style.minWidth = this.parent.insertImageSettings.minWidth === 0 ? '20px' : formatUnit(this.parent.insertImageSettings.minWidth);
             if (this.parent.insertImageSettings.resizeByPercent) {
                 if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
-                    var percentageValue = this.pixToPerc((width / height * expectedY), (img.previousElementSibling || img.parentElement));
-                    img.style.width = Math.min(Math.round((percentageValue / img.getBoundingClientRect().width) * expectedX * 100) / 100, 100) + '%';
+                    var original = img.offsetWidth + this.mouseX;
+                    var finalWidthByPerc = (original / img.offsetWidth) * (parseFloat(img.style.width).toString() == 'NaN' ? (img.offsetWidth / (parseFloat(getComputedStyle(this.parent.element).width)) * 100) : parseFloat(img.style.width));
+                    img.style.width = ((finalWidthByPerc > 3) ? finalWidthByPerc : 3) + '%';
                 }
                 else {
                     img.style.width = this.pixToPerc((width / height * expectedY), (img.previousElementSibling || img.parentElement)) + '%';
@@ -377,13 +379,20 @@ var Image = /** @class */ (function () {
                 img.style.height = expectedY + 'px';
             }
             else {
-                img.setAttribute('width', ((width / height * expectedY) + width / height).toString());
+                if (this.parent.iframeSettings.enable) {
+                    img.setAttribute('width', (img.width + this.mouseX).toString());
+                }
+                else {
+                    img.setAttribute('width', (img.offsetWidth + this.mouseX).toString());
+                }
             }
         }
         else if (height > width) {
             if (this.parent.insertImageSettings.resizeByPercent) {
                 if (parseInt('' + img.getBoundingClientRect().width + '', 10) !== 0 && parseInt('' + width + '', 10) !== 0) {
-                    img.style.width = Math.min(Math.round((width / img.getBoundingClientRect().width) * expectedX * 100) / 100, 100) + '%';
+                    var original = img.offsetWidth + this.mouseX;
+                    var finalWidthByPerc = (original / img.offsetWidth) * (parseFloat(img.style.width).toString() == 'NaN' ? (img.offsetWidth / (parseFloat(getComputedStyle(this.parent.element).width)) * 100) : parseFloat(img.style.width));
+                    img.style.width = ((finalWidthByPerc > 3) ? finalWidthByPerc : 3) + '%';
                 }
                 else {
                     img.style.width = this.pixToPerc((expectedX / height * expectedY), (img.previousElementSibling || img.parentElement)) + '%';
@@ -450,6 +459,7 @@ var Image = /** @class */ (function () {
         var mouseY = (this.resizeBtnStat.topLeft || this.resizeBtnStat.topRight) ? -(pageY - this.pageY) : (pageY - this.pageY);
         var width = parseInt(this.imgDupPos.width, 10) + mouseX;
         var height = parseInt(this.imgDupPos.height, 10) + mouseY;
+        this.mouseX = mouseX;
         this.pageX = pageX;
         this.pageY = pageY;
         if (this.resizeBtnStat.botRight) {
@@ -977,7 +987,8 @@ var Image = /** @class */ (function () {
                         buttonModel: {
                             content: linkUpdate, cssClass: 'e-flat e-update-link' + ' ' + this.parent.cssClass, isPrimary: true
                         }
-                    }]
+                    }],
+                cssClass: this.dialogObj.cssClass + ' e-rte-img-link-dialog'
             });
             if (!isNOU(this.parent.cssClass)) {
                 this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
@@ -1025,7 +1036,8 @@ var Image = /** @class */ (function () {
                         buttonModel: {
                             content: linkUpdate, cssClass: 'e-flat e-update-alt' + ' ' + this.parent.cssClass, isPrimary: true
                         }
-                    }]
+                    }],
+                cssClass: this.dialogObj.cssClass + ' e-rte-img-alt-dialog'
             });
             if (!isNOU(this.parent.cssClass)) {
                 this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
@@ -1248,7 +1260,8 @@ var Image = /** @class */ (function () {
                         buttonModel: {
                             content: linkUpdate, cssClass: 'e-flat e-update-size' + ' ' + this.parent.cssClass, isPrimary: true
                         }
-                    }]
+                    }],
+                cssClass: this.dialogObj.cssClass + ' e-rte-img-size-dialog'
             });
             if (!isNOU(this.parent.cssClass)) {
                 this.dialogObj.setProperties({ cssClass: this.parent.cssClass });
@@ -2282,6 +2295,18 @@ var Image = /** @class */ (function () {
         this.prevSelectedImgEle = undefined;
         this.removeEventListener();
     };
+    /* eslint-disable */
+    /**
+     * Clears the ImageModule.
+     *
+     * @returns {void}
+     * @hidden
+
+     */
+    /* eslint-enable */
+    Image.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     /**
      * For internal use only - Get the module name.
      *

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

@@ -48,6 +48,14 @@ export declare class Link {
 
      */
     destroy(): void;
+    /**
+     * Clears the Link Module.
+     *
+     * @returns {void}
+     * @hidden
+
+     */
+    moduleDestroy(): void;
     /**
      * For internal use only - Get the module name.
      *

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

@@ -520,6 +520,16 @@ var Link = /** @class */ (function () {
     Link.prototype.destroy = function () {
         this.removeEventListener();
     };
+    /**
+     * Clears the Link Module.
+     *
+     * @returns {void}
+     * @hidden
+
+     */
+    Link.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     /**
      * For internal use only - Get the module name.
      *

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

@@ -40,6 +40,12 @@ export declare class Render {
      * @returns {void}
      */
     destroy(): void;
+    /**
+     * Clears the Render Module.
+     *
+     * @returns {void}
+     */
+    moduleDestroy(): void;
     private addEventListener;
     private removeEventListener;
     private keyUp;

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

@@ -51,6 +51,14 @@ var Render = /** @class */ (function () {
     Render.prototype.destroy = function () {
         this.removeEventListener();
     };
+    /**
+     * Clears the Render Module.
+     *
+     * @returns {void}
+     */
+    Render.prototype.moduleDestroy = function () {
+        this.parent = null;
+    };
     Render.prototype.addEventListener = function () {
         if (this.parent.isDestroyed) {
             return;

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

@@ -547,7 +547,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 +825,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.
@@ -1127,7 +1129,7 @@ var Table = /** @class */ (function () {
                     },
                     buttonModel: { cssClass: 'e-flat e-cancel' + ' ' + this.parent.cssClass, content: cancel }
                 }],
-            cssClass: this.parent.cssClass
+            cssClass: this.editdlgObj.cssClass + ' e-rte-edit-table-prop-dialog'
         });
         this.editdlgObj.element.style.maxHeight = 'none';
         this.editdlgObj.content.querySelector('input').focus();

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

@@ -507,8 +507,9 @@ var ToolbarRenderer = /** @class */ (function () {
                 proxy.parent.notify(events.selectionRestore, {});
                 proxy.currentElement.querySelector('.' + CLS_RTE_ELEMENTS).style.borderBottomColor = colorpickerValue;
                 var range = proxy.parent.formatter.editorManager.nodeSelection.getRange(proxy.parent.contentModule.getDocument());
+                var closestElement = closest(range.startContainer.parentNode, 'table');
                 if ((range.startContainer.nodeName === 'TD' || range.startContainer.nodeName === 'TH' || range.startContainer.nodeName === 'BODY' ||
-                    closest(range.startContainer.parentNode, 'td,th')) && range.collapsed && args.subCommand === 'BackgroundColor') {
+                    closest(range.startContainer.parentNode, 'td,th')) && range.collapsed && args.subCommand === 'BackgroundColor' && closest(closestElement, '.' + classes.CLS_RTE)) {
                     proxy.parent.notify(events.tableColorPickerChanged, colorPickerArgs);
                 }
                 else {

package/styles/bootstrap-dark.css

@@ -417,6 +417,34 @@
 .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
   height: calc(100% - 56px);
 }
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
+  max-height: 330px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
+  max-height: 414px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
+  max-height: 427px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
+  min-height: 457px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
+  max-height: 256px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
+  max-height: 327px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
+  min-height: 457px !important;
+}
 
 .e-richtexteditor {
   color: #f0f0f0;
@@ -456,6 +484,27 @@
 .e-richtexteditor.e-rte-full-screen iframe {
   height: calc(100% - 42px);
 }
+.e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
+  max-height: 287px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
+  max-height: 365px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
+  max-height: 394px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
+  max-height: 426px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
+  max-height: 223px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
+  max-height: 284px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
+  max-height: 426px !important;
+}
 .e-richtexteditor.e-rtl .e-rte-character-count {
   left: 0;
   padding-left: 30px;

package/styles/bootstrap.css

@@ -558,6 +558,34 @@
 .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
   height: calc(100% - 56px);
 }
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
+  max-height: 330px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
+  max-height: 414px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
+  max-height: 427px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
+  min-height: 457px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
+  max-height: 256px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
+  max-height: 327px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
+  min-height: 457px !important;
+}
 
 .e-richtexteditor {
   color: #333;
@@ -597,6 +625,27 @@
 .e-richtexteditor.e-rte-full-screen iframe {
   height: calc(100% - 42px);
 }
+.e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
+  max-height: 287px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
+  max-height: 365px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
+  max-height: 394px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
+  max-height: 426px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
+  max-height: 223px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
+  max-height: 284px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
+  max-height: 426px !important;
+}
 .e-richtexteditor.e-rtl .e-rte-character-count {
   left: 0;
   padding-left: 30px;

package/styles/bootstrap4.css

@@ -653,6 +653,34 @@
 .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
   height: calc(100% - 56px);
 }
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table {
+  max-height: 302px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-edit-table-prop-dialog {
+  max-height: 378px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-link-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-link-dialog {
+  max-height: 404px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-dialog {
+  min-height: 428px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-link-dialog {
+  max-height: 231px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-size-dialog {
+  max-height: 312px !important;
+}
+.e-bigger .e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog,
+.e-richtexteditor.e-bigger.e-rte-full-screen .e-rte-img-alt-dialog {
+  min-height: 428px !important;
+}
 
 .e-richtexteditor {
   color: #212529;
@@ -692,6 +720,27 @@
 .e-richtexteditor.e-rte-full-screen iframe {
   height: calc(100% - 42px);
 }
+.e-richtexteditor.e-rte-full-screen .e-rte-edit-table {
+  max-height: 264px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-edit-table-prop-dialog {
+  max-height: 333px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-link-dialog {
+  max-height: 368px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-dialog {
+  max-height: 405px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-link-dialog {
+  max-height: 204px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-size-dialog {
+  max-height: 268px !important;
+}
+.e-richtexteditor.e-rte-full-screen .e-rte-img-alt-dialog {
+  max-height: 405px !important;
+}
 .e-richtexteditor.e-rtl .e-rte-character-count {
   left: 0;
   padding-left: 30px;