@syncfusion/ej2-navigations 32.1.24 → 32.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 32.1.24
+*  version : 32.2.3
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "32.1.24",
+  "version": "32.2.3",
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,12 +8,12 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.24",
-    "@syncfusion/ej2-buttons": "~32.1.24",
-    "@syncfusion/ej2-data": "~32.1.24",
-    "@syncfusion/ej2-inputs": "~32.1.24",
-    "@syncfusion/ej2-lists": "~32.1.24",
-    "@syncfusion/ej2-popups": "~32.1.24"
+    "@syncfusion/ej2-base": "~32.2.3",
+    "@syncfusion/ej2-buttons": "~32.2.3",
+    "@syncfusion/ej2-data": "~32.2.3",
+    "@syncfusion/ej2-inputs": "~32.2.3",
+    "@syncfusion/ej2-lists": "~32.2.3",
+    "@syncfusion/ej2-popups": "~32.2.3"
   },
   "devDependencies": {},
   "keywords": [

package/src/treeview/treeview.d.ts

@@ -1518,4 +1518,5 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
      */
     uncheckAll(nodes?: string[] | Element[]): void;
     private setNodeFocusable;
+    private escapeHashInUid;
 }

package/src/treeview/treeview.js

@@ -847,7 +847,7 @@ var TreeView = /** @class */ (function (_super) {
         };
         if (!this.isRefreshed) {
             this.trigger('drawNode', eventArgs);
-            if (e.curData[this.fields.selectable] === false && !this.showCheckBox) {
+            if (e.curData[this.fields.selectable] === false) {
                 e.item.classList.add(PREVENTSELECT);
                 var firstChild = e.item.firstElementChild;
                 firstChild.style.cursor = 'not-allowed';
@@ -1659,7 +1659,8 @@ var TreeView = /** @class */ (function (_super) {
             }
             else {
                 for (var i = 0; i < eUids.length; i++) {
-                    var eNode = select('[data-uid="' + eUids[parseInt(i.toString(), 10)] + '"]', this.element);
+                    var uid = this.escapeHashInUid(eUids[parseInt(i.toString(), 10)]);
+                    var eNode = select('[data-uid="' + uid + '"]', this.element);
                     if (!isNOU(eNode)) {
                         var icon = select('.' + EXPANDABLE, select('.' + TEXTWRAP, eNode));
                         if (!isNOU(icon)) {
@@ -1696,7 +1697,8 @@ var TreeView = /** @class */ (function (_super) {
         }
     };
     TreeView.prototype.expandCallback = function (eUid, callback) {
-        var eNode = select('[data-uid="' + eUid + '"]', this.element);
+        var uid = this.escapeHashInUid(eUid);
+        var eNode = select('[data-uid="' + uid + '"]', this.element);
         if (!isNOU(eNode)) {
             var icon = select('.' + EXPANDABLE, select('.' + TEXTWRAP, eNode));
             if (!isNOU(icon)) {
@@ -1726,7 +1728,8 @@ var TreeView = /** @class */ (function (_super) {
         if (sUids.length > 0) {
             this.setProperties({ selectedNodes: [] }, true);
             for (var i = 0; i < sUids.length; i++) {
-                var sNode = select('[data-uid="' + sUids[parseInt(i.toString(), 10)] + '"]', this.element);
+                var uid = this.escapeHashInUid(sUids[parseInt(i.toString(), 10)]);
+                var sNode = select('[data-uid="' + uid + '"]', this.element);
                 if (sNode && !(sNode.classList.contains('e-active'))) {
                     this.selectNode(sNode, null, true);
                 }
@@ -2695,6 +2698,12 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.validateCheckNode = function (checkWrap, isCheck, li, e) {
         var _this = this;
         var currLi = closest(checkWrap, '.' + LISTITEM);
+        if (currLi && currLi.classList.contains(PREVENTSELECT) && this.showCheckBox) {
+            if (e && e.preventDefault) {
+                e.preventDefault();
+            }
+            return;
+        }
         this.checkActionNodes = [];
         var ariaState = !isCheck ? 'true' : 'false';
         if (!isNOU(ariaState)) {
@@ -5772,6 +5781,15 @@ var TreeView = /** @class */ (function (_super) {
             this.updateIdAttr(null, firstNode);
         }
     };
+    TreeView.prototype.escapeHashInUid = function (uid) {
+        if (isNOU(uid)) {
+            return uid;
+        }
+        if (typeof uid === 'string' && uid.indexOf(' #') !== -1) {
+            return uid.split(' #').join(' \\#');
+        }
+        return uid;
+    };
     var TreeView_1;
     __decorate([
         Property(false)

package/styles/bds-lite.css

@@ -3081,6 +3081,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3232,8 +3234,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7670,6 +7672,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bds.css

@@ -3794,6 +3794,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3945,8 +3947,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -9940,6 +9942,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap-dark-lite.css

@@ -2826,6 +2826,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -2977,8 +2979,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7026,6 +7028,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap-dark.css

@@ -3452,6 +3452,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3603,8 +3605,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -9063,6 +9065,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap-lite.css

@@ -2832,6 +2832,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -2983,8 +2985,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7043,6 +7045,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap.css

@@ -3460,6 +3460,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3611,8 +3613,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -9083,6 +9085,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap4-lite.css

@@ -2832,6 +2832,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -2983,8 +2985,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7054,6 +7056,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap4.css

@@ -3460,6 +3460,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3611,8 +3613,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -9171,6 +9173,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap5-dark-lite.css

@@ -2904,6 +2904,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3055,8 +3057,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7092,6 +7094,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap5-dark.css

@@ -3556,6 +3556,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3707,8 +3709,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -9260,6 +9262,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap5-lite.css

@@ -2904,6 +2904,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3055,8 +3057,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -7092,6 +7094,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap5.3-lite.css

@@ -4096,6 +4096,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -4247,8 +4249,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -8923,6 +8925,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap5.3.css

@@ -5168,6 +5168,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -5319,8 +5321,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -11682,6 +11684,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/bootstrap5.css

@@ -3556,6 +3556,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -3707,8 +3709,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -9260,6 +9262,8 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-menu-wrapper ul .e-menu-item.e-separator,
 .e-menu-container ul .e-menu-item.e-separator {

package/styles/context-menu/_layout-mixin.scss

@@ -43,6 +43,8 @@
   & .e-menu-icon {
     display: inline-block;
     vertical-align: middle;
+    position: relative;
+    top: -1px;
   }
 
   &.e-separator {

package/styles/context-menu/_layout.scss

@@ -146,8 +146,8 @@
     @include rtl-li-size;
   }
 
-  .e-contextmenu-wrapper .e-menu-item,
-  .e-contextmenu-container .e-menu-item {
+  .e-contextmenu-wrapper .e-menu-item:not(.e-control),
+  .e-contextmenu-container .e-menu-item:not(.e-control) {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/styles/context-menu/bds.css

@@ -139,6 +139,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -290,8 +292,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/styles/context-menu/bootstrap-dark.css

@@ -85,6 +85,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -236,8 +238,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/styles/context-menu/bootstrap.css

@@ -87,6 +87,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -238,8 +240,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/styles/context-menu/bootstrap4.css

@@ -87,6 +87,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -238,8 +240,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/styles/context-menu/bootstrap5-dark.css

@@ -111,6 +111,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -262,8 +264,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;

package/styles/context-menu/bootstrap5.3.css

@@ -279,6 +279,8 @@
 .e-contextmenu-container ul .e-menu-item .e-menu-icon {
   display: inline-block;
   vertical-align: middle;
+  position: relative;
+  top: -1px;
 }
 .e-contextmenu-wrapper ul .e-menu-item.e-separator,
 .e-contextmenu-container ul .e-menu-item.e-separator {
@@ -430,8 +432,8 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item,
-.e-contextmenu-container .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item:not(.e-control),
+.e-contextmenu-container .e-menu-item:not(.e-control) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;