@syncfusion/ej2-richtexteditor 25.1.35 → 25.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.35
+*  version : 25.1.38
 *  Copyright Syncfusion Inc. 2001 - 2023. 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@23.1.54",
+  "_id": "@syncfusion/ej2-richtexteditor@25.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-PsphjMpa/0wW711Fuq+Qd4CDUY2UbDH56WhYjnk/8Tuv01Gj42/krKh44yI6yJYJRZq+Q47NErl/5FJUNT0Ozg==",
+  "_integrity": "sha512-CEvrleMxqO4OKhdhi18qBG/K230NQEOrIMhby9ijEpKXDIZMDr5Ya3WHfVA+ODcCjIYsSy3kIJcH13sjKdwcyQ==",
   "_location": "/@syncfusion/ej2-richtexteditor",
   "_phantomChildren": {},
   "_requested": {
@@ -25,8 +25,8 @@
     "/@syncfusion/ej2-react-richtexteditor",
     "/@syncfusion/ej2-vue-richtexteditor"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-23.1.54.tgz",
-  "_shasum": "40d45ccccd6bc1a49e83e34d5f9d850b12fefc33",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-richtexteditor/-/ej2-richtexteditor-25.1.37.tgz",
+  "_shasum": "33b50ff739e07452c07dcd7aeb20843177c42689",
   "_spec": "@syncfusion/ej2-richtexteditor@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -39,11 +39,11 @@
   "dependencies": {
     "@syncfusion/ej2-base": "~25.1.35",
     "@syncfusion/ej2-buttons": "~25.1.35",
-    "@syncfusion/ej2-filemanager": "~25.1.35",
-    "@syncfusion/ej2-inputs": "~25.1.35",
-    "@syncfusion/ej2-navigations": "~25.1.35",
-    "@syncfusion/ej2-popups": "~25.1.35",
-    "@syncfusion/ej2-splitbuttons": "~25.1.35"
+    "@syncfusion/ej2-filemanager": "~25.1.38",
+    "@syncfusion/ej2-inputs": "~25.1.38",
+    "@syncfusion/ej2-navigations": "~25.1.38",
+    "@syncfusion/ej2-popups": "~25.1.38",
+    "@syncfusion/ej2-splitbuttons": "~25.1.38"
   },
   "deprecated": false,
   "description": "Essential JS 2 RichTextEditor component",
@@ -69,6 +69,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.1.35",
+  "version": "25.1.38",
   "sideEffects": false
 }

package/src/editor-manager/plugin/dom-node.js

@@ -580,7 +580,8 @@ var DOMNode = /** @class */ (function () {
             }
         }
         else {
-            if (start.tagName === 'IMG') {
+            var tagName = !isNOU(start.parentElement) ? start.parentElement.tagName.toLocaleLowerCase() : '';
+            if (start.tagName === 'IMG' && tagName !== 'p' && tagName !== 'div') {
                 var parNode = document.createElement('p');
                 start.parentElement.insertBefore(parNode, start);
                 parNode.appendChild(start);

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

@@ -215,25 +215,22 @@ var InsertHtml = /** @class */ (function () {
             CONSTANT.TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) !== -1))
             || (node.nodeName.toLowerCase() === 'table' && closestParentNode &&
                 CONSTANT.TABLE_BLOCK_TAGS.indexOf(closestParentNode.tagName.toLocaleLowerCase()) === -1))) {
-            if (isCollapsed) {
-                preNode = nodeCutter.SplitNode(range, closestParentNode, true);
-            }
-            else {
-                preNode = nodeCutter.SplitNode(range, closestParentNode, false);
-            }
-            sibNode = isNOU(preNode.previousSibling) ? preNode.parentNode.previousSibling : preNode.previousSibling;
-            if (nodes.length === 1) {
-                nodeSelection.setSelectionContents(docElement, preNode);
-                range = nodeSelection.getRange(docElement);
-                isSingleNode = true;
-            }
-            else {
-                lasNode = nodeCutter.GetSpliceNode(range, nodes[nodes.length - 1].parentElement);
-                lasNode = isNOU(lasNode) ? preNode : lasNode;
-                nodeSelection.setSelectionText(docElement, preNode, lasNode, 0, (lasNode.nodeType === 3) ?
-                    lasNode.textContent.length : lasNode.childNodes.length);
-                range = nodeSelection.getRange(docElement);
-                isSingleNode = false;
+            preNode = nodeCutter.GetSpliceNode(range, closestParentNode);
+            if (!isNOU(preNode)) {
+                sibNode = isNOU(preNode.previousSibling) ? preNode.parentNode.previousSibling : preNode.previousSibling;
+                if (nodes.length === 1) {
+                    nodeSelection.setSelectionContents(docElement, preNode);
+                    range = nodeSelection.getRange(docElement);
+                    isSingleNode = true;
+                }
+                else {
+                    lasNode = nodeCutter.GetSpliceNode(range, nodes[nodes.length - 1].parentElement);
+                    lasNode = isNOU(lasNode) ? preNode : lasNode;
+                    nodeSelection.setSelectionText(docElement, preNode, lasNode, 0, (lasNode.nodeType === 3) ?
+                        lasNode.textContent.length : lasNode.childNodes.length);
+                    range = nodeSelection.getRange(docElement);
+                    isSingleNode = false;
+                }
             }
         }
         var containsBlockNode = false;

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

@@ -212,6 +212,7 @@ var Lists = /** @class */ (function () {
         endNode = endNode.nodeName === 'BR' ? endNode.parentElement : endNode;
         startNode = startNode.nodeName !== 'LI' && !isNOU(startNode.closest('LI')) ? startNode.closest('LI') : startNode;
         endNode = endNode.nodeName !== 'LI' && endNode.nodeName !== '#text' && !isNOU(endNode.closest('LI')) ? endNode.closest('LI') : endNode;
+        var parentList = (range.startContainer.nodeName === '#text') ? range.startContainer.parentElement.closest('li') : range.startContainer.closest('li');
         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) ||
@@ -228,6 +229,12 @@ var Lists = /** @class */ (function () {
             }
             e.event.preventDefault();
         }
+        else if (!isNOU(parentList) && parentList.textContent === range.startContainer.textContent && parentList.closest('li').previousElementSibling === null) {
+            range.deleteContents();
+            this.parent.editableElement.querySelectorAll('li:empty').forEach(function (e) { return e.remove(); });
+            this.parent.editableElement.querySelectorAll('ol:empty').forEach(function (e) { return e.remove(); });
+            e.event.preventDefault();
+        }
     };
     Lists.prototype.onKeyUp = function () {
         if (!isNOU(this.commonLIParent) && !isNOU(this.commonLIParent.querySelector('.removeList'))) {
@@ -267,7 +274,7 @@ var Lists = /** @class */ (function () {
         if (e.event.which === 8) {
             this.backspaceList(e);
         }
-        if (e.event.which === 46 && e.event.action === 'delete') {
+        if ((e.event.which === 46 && e.event.action === 'delete') || (e.event.which === 88 && e.event.action === 'cut')) {
             var range = this.parent.nodeSelection.getRange(this.parent.currentDocument);
             var commonAncestor = range.commonAncestorContainer;
             var startEle = range.startContainer;
@@ -743,8 +750,17 @@ var Lists = /** @class */ (function () {
     };
     Lists.prototype.cleanNode = function () {
         var liParents = this.parent.editableElement.querySelectorAll('ol + ol, ul + ul');
+        var listStyleType;
+        var firstNodeOL;
         for (var c = 0; c < liParents.length; c++) {
             var node = liParents[c];
+            var toFindtopOlUl = true;
+            if (toFindtopOlUl && (liParents[c].parentElement.parentElement.nodeName === 'OL' || liParents[c].parentElement.parentElement.nodeName === 'UL')) {
+                toFindtopOlUl = false;
+                var preElement = liParents[c].parentElement.parentElement;
+                listStyleType = preElement.style.listStyleType;
+                firstNodeOL = node.previousElementSibling;
+            }
             if (this.domNode.isList(node.previousElementSibling) &&
                 this.domNode.openTagString(node) === this.domNode.openTagString(node.previousElementSibling)) {
                 var contentNodes = this.domNode.contents(node);
@@ -759,6 +775,9 @@ var Lists = /** @class */ (function () {
                 }
             }
         }
+        if (firstNodeOL) {
+            firstNodeOL.style.listStyleType = listStyleType;
+        }
     };
     Lists.prototype.findUnSelected = function (temp, elements) {
         temp = temp.slice().reverse();
@@ -855,17 +874,18 @@ var Lists = /** @class */ (function () {
                         var wrapperclass = isNullOrUndefined(className) ? ' class="e-rte-wrap-inner"' :
                             ' class="' + className + ' e-rte-wrap-inner"';
                         var parentElement = parentNode;
-                        if (!isNOU(parentElement.style.listStyleType)) {
-                            parentNode.style.removeProperty("list-style-type");
-                        }
-                        if (!isNOU(parentElement.style.listStyleImage)) {
-                            parentNode.style.removeProperty("list-style-image");
-                        }
-                        if (parentElement.style.length === 0) {
-                            parentNode.removeAttribute("style");
+                        if (elements.length === parentElement.querySelectorAll('li').length) {
+                            if (!isNOU(parentElement.style.listStyleType)) {
+                                parentNode.style.removeProperty('list-style-type');
+                            }
+                            if (!isNOU(parentElement.style.listStyleImage)) {
+                                parentNode.style.removeProperty('list-style-image');
+                            }
+                            if (parentElement.style.length === 0) {
+                                parentNode.removeAttribute('style');
+                            }
                         }
-                        var wrapper = '<' + CONSTANT.DEFAULT_TAG + wrapperclass +
-                            this.domNode.attributes(parentElement) + '></' + CONSTANT.DEFAULT_TAG + '>';
+                        var wrapper = '<' + CONSTANT.DEFAULT_TAG + wrapperclass + '></' + CONSTANT.DEFAULT_TAG + '>';
                         if (e.enterAction !== 'BR') {
                             this.domNode.wrapInner(element, this.domNode.parseHTMLFragment(wrapper));
                         }

package/src/editor-manager/plugin/ms-word-clean-up.js

@@ -44,7 +44,7 @@ var MsWordPaste = /** @class */ (function () {
             'x', 'xi', 'xii', 'xiii', 'xiv', 'xv', 'xvi', 'xvii', 'xviii', 'xix', 'xx'];
         this.lowerGreekNumber = ['α', 'β', 'γ', 'δ', 'ε', 'ζ', 'η', 'θ', 'ι', 'κ', 'λ',
             'μ', 'ν', 'ξ', 'ο', 'π', 'ρ', 'σ', 'τ', 'υ', 'φ', 'χ', 'ψ', 'ω'];
-        this.removableElements = ['o:p', 'style'];
+        this.removableElements = ['o:p', 'style', 'w:sdt'];
         this.listContents = [];
         this.cropImageDimensions = [];
         this.parent = parent;
@@ -409,7 +409,7 @@ var MsWordPaste = /** @class */ (function () {
         var innerElement = elm.innerHTML;
         for (var i = 0; i < this.removableElements.length; i++) {
             // eslint-disable-next-line security/detect-non-literal-regexp
-            var regExpStartElem = new RegExp('<' + this.removableElements[i] + '>', 'g');
+            var regExpStartElem = new RegExp('<' + this.removableElements[i] + '\\s*[^>]*>', 'g');
             // eslint-disable-next-line security/detect-non-literal-regexp
             var regExpEndElem = new RegExp('</' + this.removableElements[i] + '>', 'g');
             innerElement = innerElement.replace(regExpStartElem, '');

package/src/editor-manager/plugin/selection-commands.js

@@ -249,11 +249,15 @@ var SelectionCommands = /** @class */ (function () {
             && range.endOffset === range.startContainer.length)) {
             var nodeIndex = [];
             var cloneNode = nodes[index];
+            var clonedElement = cloneNode;
             do {
                 nodeIndex.push(domSelection.getIndex(cloneNode));
                 cloneNode = cloneNode.parentNode;
             } while (cloneNode && (cloneNode !== formatNode));
             if (nodes[index].nodeName !== 'BR') {
+                if (clonedElement.nodeName === '#text' && clonedElement.textContent.includes('\u200B')) {
+                    clonedElement.remove();
+                }
                 cloneNode = splitNode = (isCursor && (formatNode.textContent.length - 1) === range.startOffset) ?
                     nodeCutter.SplitNode(range, formatNode, true)
                     : nodeCutter.GetSpliceNode(range, formatNode);

package/src/rich-text-editor/actions/html-editor.js

@@ -90,9 +90,6 @@ var HtmlEditor = /** @class */ (function () {
     };
     HtmlEditor.prototype.onSelectionRestore = function (e) {
         this.parent.isBlur = false;
-        if (isNOU(this.saveSelection) || isNOU(closest(this.saveSelection.range.startContainer.parentElement, ".e-img-caption")) ? true : !(closest(this.saveSelection.range.startContainer.parentElement, ".e-img-caption").getAttribute("contenteditable") == "false")) {
-            this.contentRenderer.getEditPanel().focus();
-        }
         if (isNullOrUndefined(e.items) || e.items) {
             this.saveSelection.restore();
         }

package/src/rich-text-editor/actions/quick-toolbar.js

@@ -261,6 +261,10 @@ var QuickToolbar = /** @class */ (function () {
     };
     QuickToolbar.prototype.keyDownHandler = function (e) {
         var preventHide = e.args.altKey;
+        if (this.parent.inlineMode.enable && e.args.metaKey && e.args.keyCode === 65) {
+            this.showInlineQTBar(this.offsetX, this.offsetY, e.args.target);
+            return;
+        }
         if (!preventHide) {
             if ((this.parent.inlineMode.enable && (!Browser.isDevice || isIDevice()))
                 && !isNullOrUndefined(select('.' + CLS_INLINE_POP, document))) {

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

@@ -2420,10 +2420,8 @@ var RichTextEditor = /** @class */ (function (_super) {
                 }, 0);
             }
             else if (this.iframeSettings.enable) {
-                var iframeElement_1 = this.element.querySelector('#' + this.getID() + '_rte-view');
-                setTimeout(function () {
-                    _this.setAutoHeight(iframeElement_1);
-                }, 100);
+                var iframeElement = this.element.querySelector('#' + this.getID() + '_rte-view');
+                this.setAutoHeight(iframeElement);
                 this.inputElement.style.overflow = 'hidden';
             }
         }

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

@@ -366,9 +366,11 @@ var ToolbarRenderer = /** @class */ (function () {
                             for (var index = 0; index < args.element.childNodes.length; index++) {
                                 if (currentListStyle === args.element.childNodes[index].innerHTML.split(' ').join('').toLocaleLowerCase()) {
                                     addClass([args.element.childNodes[index]], 'e-active');
+                                    break;
                                 }
-                                else if (currentListStyle === '') {
+                                else if (currentListStyle === '' && args.element.childNodes[index].innerHTML !== 'None') {
                                     addClass([args.element.childNodes[index]], 'e-active');
+                                    break;
                                 }
                             }
                         }
@@ -457,8 +459,6 @@ var ToolbarRenderer = /** @class */ (function () {
             target: colorPicker.element.parentElement, cssClass: css,
             enablePersistence: this.parent.enablePersistence, enableRtl: this.parent.enableRtl,
             beforeOpen: function (dropDownArgs) {
-                colorPicker.inline = true;
-                colorPicker.dataBind();
                 if (proxy.parent.readonly || !proxy.parent.enabled) {
                     dropDownArgs.cancel = true;
                     return;
@@ -597,14 +597,18 @@ var ToolbarRenderer = /** @class */ (function () {
         var colorPicker = new ColorPicker({
             enablePersistence: this.parent.enablePersistence,
             enableRtl: this.parent.enableRtl,
-            inline: false,
-            value: '#fff',
+            inline: true,
+            value: null,
+            cssClass: ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass + ' ' + 'e-rte-picker-init',
             created: function () {
                 var value = (item === 'backgroundcolor') ? proxy.parent.backgroundColor.default : proxy.parent.fontColor.default;
-                colorPicker.setProperties({ value: value });
+                colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
+                colorPicker.value = value;
             },
             mode: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.mode : proxy.parent.fontColor.mode),
             modeSwitcher: ((item === 'backgroundcolor') ? proxy.parent.backgroundColor.modeSwitcher : proxy.parent.fontColor.modeSwitcher),
+            presetColors: (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode : this.parent.fontColor.colorCode,
+            columns: (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns,
             beforeTileRender: function (args) {
                 args.element.classList.add(CLS_COLOR_PALETTE);
                 args.element.classList.add(CLS_CUSTOM_TILE);
@@ -649,10 +653,6 @@ var ToolbarRenderer = /** @class */ (function () {
             }
         });
         colorPicker.isStringTemplate = true;
-        colorPicker.columns = (item === 'backgroundcolor') ? this.parent.backgroundColor.columns : this.parent.fontColor.columns;
-        colorPicker.presetColors = (item === 'backgroundcolor') ? this.parent.backgroundColor.colorCode :
-            this.parent.fontColor.colorCode;
-        colorPicker.cssClass = ((item === 'backgroundcolor') ? CLS_BACKGROUND_COLOR_PICKER : CLS_FONT_COLOR_PICKER) + ' ' + args.cssClass;
         colorPicker.createElement = this.parent.createElement;
         colorPicker.appendTo(document.getElementById(args.target));
         return colorPicker;

package/styles/bootstrap-dark.css

@@ -475,7 +475,7 @@
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-dropdown-btn .e-rte-color-content {
   padding-top: 1px;
-  height: 30px;
+  height: 35px;
 }
 .e-bigger .e-richtexteditor.e-rte-full-screen iframe,
 .e-richtexteditor.e-bigger.e-rte-full-screen iframe {
@@ -545,11 +545,11 @@
 }
 .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  padding: 0 6px;
+  padding: 0 7px;
 }
 .e-bigger .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover,
 .e-richtexteditor.e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control:hover {
-  padding: 0 6px;
+  padding: 0 7px;
 }
 
 .e-richtexteditor {
@@ -629,7 +629,7 @@
 }
 .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
   height: auto;
-  min-height: 44px;
+  min-height: 40px;
   padding-left: 1px;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-multirow {
@@ -1383,7 +1383,7 @@
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
 .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
 .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  padding: 2px 3.5px;
+  padding: 0 2.5px;
 }
 .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon,
 .e-rte-elements .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
@@ -1794,11 +1794,11 @@
 }
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content,
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret {
-  height: 30px;
+  height: 35px;
 }
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-rte-color-content:hover,
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-rte-backgroundcolor-dropdown .e-caret:hover {
-  height: 30px;
+  height: 35px;
 }
 .e-bigger .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items:not(.e-tbar-pos) {
   margin: 0 6px;
@@ -2673,6 +2673,10 @@
   display: block;
 }
 
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #505050;
@@ -2940,6 +2944,9 @@
 .e-richtexteditor .e-video-url-wrap textarea {
   height: 80px;
 }
+.e-richtexteditor .e-toolbar-extended .e-toolbar-item:not(.e-active) .e-tbar-btn {
+  border: 1px solid transparent;
+}
 
 .e-rte-quick-popup {
   border: 0;

package/styles/bootstrap.css

@@ -770,7 +770,7 @@
 }
 .e-richtexteditor .e-rte-toolbar .e-hor-nav.e-expended-nav {
   height: auto;
-  min-height: 44px;
+  min-height: 40px;
   padding-left: 1px;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-multirow {
@@ -1524,7 +1524,7 @@
 .e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control,
 .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
 .e-rte-elements .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
-  padding: 2px 3.5px;
+  padding: 1px 2.5px;
 }
 .e-richtexteditor .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon,
 .e-rte-elements .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
@@ -1770,7 +1770,7 @@
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:hover, .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:focus,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:hover,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
-  padding: 6px 2px;
+  padding: 7px 3px;
 }
 .e-richtexteditor .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text,
 .e-rte-elements .e-rte-emojipicker-popup.e-popup.e-popup-open .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
@@ -2819,6 +2819,10 @@
   display: block;
 }
 
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #ddd;

package/styles/bootstrap4.css

@@ -2901,6 +2901,10 @@
   display: block;
 }
 
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #dee2e6;

package/styles/bootstrap5-dark.css

@@ -2717,6 +2717,10 @@
   display: block;
 }
 
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #444c54;

package/styles/bootstrap5.css

@@ -2717,6 +2717,10 @@
   display: block;
 }
 
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #dee2e6;

package/styles/fabric-dark.css

@@ -2654,6 +2654,10 @@
   display: block;
 }
 
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #414040;

package/styles/fabric.css

@@ -2654,6 +2654,10 @@
   display: block;
 }
 
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #dadada;

package/styles/fluent-dark.css

@@ -453,7 +453,7 @@
 .e-richtexteditor.e-bigger .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
 .e-richtexteditor.e-bigger .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
-  padding: 0 6px;
+  padding: 0 8px;
   border-radius: 0;
 }
 .e-bigger .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
@@ -747,7 +747,7 @@
 .e-richtexteditor .e-rte-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn,
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn.e-btn,
 .e-richtexteditor .e-rte-toolbar.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-active .e-tbar-btn.e-btn {
-  padding: 0;
+  padding: 0 4px;
   border-radius: 0;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-items .e-dropdown-btn .e-rte-color-content,
@@ -2702,6 +2702,10 @@
   display: block;
 }
 
+.e-rte-picker-init {
+  display: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
 /*! tab layout */
 .e-richtexteditor .e-rte-toolbar {
   border: 1px solid #292827;
@@ -2712,7 +2716,7 @@
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: #3b3a39;
-  border: 0 solid #8a8886;
+  border: 1px solid transparent;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn .e-icons, .e-richtexteditor .e-rte-toolbar .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {
   color: #a19f9d;
@@ -2780,7 +2784,7 @@
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-active, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown.e-active, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown.e-active, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-active {
   background: #3b3a39;
-  border: 0;
+  border: 1px solid transparent;
 }
 .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-backgroundcolor-dropdown.e-active .e-rte-color-content::after, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-fontcolor-dropdown.e-active .e-rte-color-content::after, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-numberformatlist-dropdown.e-active .e-rte-color-content::after, .e-richtexteditor .e-rte-toolbar .e-toolbar-item .e-rte-bulletformatlist-dropdown.e-active .e-rte-color-content::after {
   background: #1b1a19;
@@ -2969,6 +2973,18 @@
 .e-richtexteditor .e-video-url-wrap textarea {
   height: 80px;
 }
+.e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
+  border: 1px solid transparent;
+}
+.e-richtexteditor .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
+  border: 1px solid transparent;
+}
+.e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn {
+  border: 1px solid transparent;
+}
+.e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
+  border: 1px solid transparent;
+}
 
 .e-rte-quick-popup {
   border: none;
@@ -3022,7 +3038,7 @@
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn,
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn:focus {
   background: #3b3a39;
-  border: 0 solid #8a8886;
+  border: 1px solid transparent;
 }
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn .e-icons,
 .e-rte-quick-popup .e-rte-quick-toolbar .e-toolbar-items .e-toolbar-item.e-active .e-tbar-btn:focus .e-icons {