@syncfusion/ej2-navigations 29.2.5 → 29.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.5
+*  version : 29.2.8
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,69 +1,21 @@
 {
-  "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@29.2.4",
-  "_inBundle": false,
-  "_integrity": "sha512-imYNz0vrZSUIKlzJTHj+DMHkBWJ/Ze3FW6WNMmX1i43qCgABxXM/hsOWQK3+g217Sw0nF0GKWY0d8N6CVJDC7Q==",
-  "_location": "/@syncfusion/ej2-navigations",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-navigations@*",
-    "name": "@syncfusion/ej2-navigations",
-    "escapedName": "@syncfusion%2fej2-navigations",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-navigations",
-    "/@syncfusion/ej2-charts",
-    "/@syncfusion/ej2-diagrams",
-    "/@syncfusion/ej2-documenteditor",
-    "/@syncfusion/ej2-dropdowns",
-    "/@syncfusion/ej2-filemanager",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-grids",
-    "/@syncfusion/ej2-image-editor",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-interactive-chat",
-    "/@syncfusion/ej2-kanban",
-    "/@syncfusion/ej2-pdfviewer",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-react-navigations",
-    "/@syncfusion/ej2-ribbon",
-    "/@syncfusion/ej2-richtexteditor",
-    "/@syncfusion/ej2-schedule",
-    "/@syncfusion/ej2-spreadsheet",
-    "/@syncfusion/ej2-vue-navigations"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-29.2.4.tgz",
-  "_shasum": "637997deedf0d6e1670061ec8612e26648b589d1",
-  "_spec": "@syncfusion/ej2-navigations@*",
-  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bugs": {
-    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/issues"
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-navigations",
+  "version": "29.2.8",
+  "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",
+  "main": "./dist/ej2-navigations.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~29.2.4",
     "@syncfusion/ej2-buttons": "~29.2.5",
     "@syncfusion/ej2-data": "~29.2.4",
     "@syncfusion/ej2-inputs": "~29.2.5",
     "@syncfusion/ej2-lists": "~29.2.4",
-    "@syncfusion/ej2-popups": "~29.2.4"
+    "@syncfusion/ej2-popups": "~29.2.8"
   },
-  "deprecated": false,
-  "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",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-navigations.es5.js",
-  "homepage": "https://www.syncfusion.com/javascript-ui-controls",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -153,15 +105,11 @@
     "trace page location",
     "list of breadcrumb links"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-navigations.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-navigations",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
+    "url": "https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "29.2.5",
-  "sideEffects": false
+  "sideEffects": false,
+  "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/common/menu-base.js

@@ -1234,7 +1234,8 @@ var MenuBase = /** @class */ (function (_super) {
             }
         }
     };
-    MenuBase.prototype.setPosition = function (li, ul, top, left) {
+    MenuBase.prototype.setPosition = function (li, ul, top, left, isOpen) {
+        if (isOpen === void 0) { isOpen = false; }
         var px = 'px';
         this.toggleVisiblity(ul);
         if (ul === this.element || (left > -1 && top > -1)) {
@@ -1293,6 +1294,10 @@ var MenuBase = /** @class */ (function (_super) {
         this.toggleVisiblity(ul, false);
         if (this.isCMenu && this.enableScrolling && ul) {
             ul.style.height = '';
+            ul.style.top = '';
+            ul.style.left = '';
+            ul.style.width = '';
+            ul.style.position = '';
         }
         var wrapper = closest(this.element, '.e-' + this.getModuleName() + '-wrapper');
         if (!this.isMenu && this.enableScrolling && ul && wrapper && wrapper.offsetHeight > 0) {
@@ -1310,7 +1315,7 @@ var MenuBase = /** @class */ (function (_super) {
                 left: left + "px",
                 width: cmenuWidth + "px",
                 position: 'absolute',
-                display: 'none'
+                display: !isOpen ? 'none' : 'block'
             });
         }
         else {
@@ -1910,6 +1915,11 @@ var MenuBase = /** @class */ (function (_super) {
                                 addScrolling(this_1.createElement, wrapper, this_1.element, 'hscroll', this_1.enableRtl);
                             }
                         }
+                        if (this_1.enableScrolling && this_1.element.classList.contains('e-contextmenu')) {
+                            this_1.isCMenu = true;
+                            this_1.setPosition(this_1.lItem, this_1.uList, this_1.top, this_1.left, true);
+                            this_1.isCMenu = false;
+                        }
                         if (!this_1.hamburgerMode) {
                             for (var i = 1, count = wrapper.childElementCount; i < count; i++) {
                                 detach(wrapper.lastElementChild);

package/src/tab/tab.js

@@ -334,6 +334,7 @@ var Tab = /** @class */ (function (_super) {
         if (this.isReact && this.portals && this.portals.length > 0) {
             this.renderReactTemplates(function () {
                 _this.refreshOverflow();
+                _this.selectingContent(_this.selectedItem, _this.isInteracted);
                 _this.refreshActiveBorder();
             });
         }
@@ -2031,7 +2032,11 @@ var Tab = /** @class */ (function (_super) {
      */
     Tab.prototype.hideTab = function (index, value) {
         var items;
-        var item = selectAll('.' + CLS_TB_ITEM, this.element)[index];
+        var tabId;
+        if (index >= 0 && index < this.tbItem.length) {
+            tabId = this.tbItem[index].getAttribute('id');
+        }
+        var item = this.element.querySelector("[id=\"" + tabId + "\"]");
         if (isNOU(item)) {
             return;
         }

package/styles/bds-lite.css

@@ -1389,6 +1389,9 @@
   min-width: 28px;
   padding: 8px 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 7px 4px;
   min-height: 24px;
@@ -1404,6 +1407,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1566,6 +1572,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1679,6 +1688,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1692,6 +1704,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }

package/styles/bds.css

@@ -1706,6 +1706,9 @@
   min-width: 28px;
   padding: 8px 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 7px 4px;
   min-height: 24px;
@@ -1721,6 +1724,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1883,6 +1889,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1996,6 +2005,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -2009,6 +2021,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }

package/styles/bootstrap-dark-lite.css

@@ -1233,6 +1233,9 @@
   min-width: 30px;
   padding: 4px 2.5px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5.5px 6px;
   min-height: 27px;
@@ -1248,6 +1251,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1410,6 +1416,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1523,6 +1532,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1536,6 +1548,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }

package/styles/bootstrap-dark.css

@@ -1496,6 +1496,9 @@
   min-width: 30px;
   padding: 4px 2.5px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5.5px 6px;
   min-height: 27px;
@@ -1511,6 +1514,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1673,6 +1679,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1786,6 +1795,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1799,6 +1811,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }

package/styles/bootstrap-lite.css

@@ -1235,6 +1235,9 @@
   min-width: 30px;
   padding: 4px 2.5px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5.5px 6px;
   min-height: 27px;
@@ -1250,6 +1253,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1412,6 +1418,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1525,6 +1534,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1538,6 +1550,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }

package/styles/bootstrap.css

@@ -1498,6 +1498,9 @@
   min-width: 30px;
   padding: 4px 2.5px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5.5px 6px;
   min-height: 27px;
@@ -1513,6 +1516,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1675,6 +1681,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1788,6 +1797,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1801,6 +1813,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }
@@ -2215,7 +2230,7 @@
 .e-toolbar.e-bigger .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   min-height: 34px;
   min-width: 0;
-  padding: 1px 7px;
+  padding: 0 7px;
   line-height: 34px;
 }
 .e-bigger .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
@@ -2340,7 +2355,7 @@
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
   min-height: 34px;
   min-width: 0;
-  padding: 1px 7px;
+  padding: 0 7px;
 }
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-tbar-btn-text,
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-tbar-btn-text,

package/styles/bootstrap4-lite.css

@@ -1235,6 +1235,9 @@
   min-width: 30px;
   padding: 3px 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5.5px 6px;
   min-height: 27px;
@@ -1250,6 +1253,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1412,6 +1418,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1525,6 +1534,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1538,6 +1550,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }

package/styles/bootstrap4.css

@@ -1498,6 +1498,9 @@
   min-width: 30px;
   padding: 3px 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5.5px 6px;
   min-height: 27px;
@@ -1513,6 +1516,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1675,6 +1681,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1788,6 +1797,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1801,6 +1813,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }

package/styles/bootstrap5-dark-lite.css

@@ -1286,6 +1286,9 @@
   min-width: 28px;
   padding: 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5px 10px;
   min-height: 24px;
@@ -1301,6 +1304,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1463,6 +1469,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1576,6 +1585,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1589,6 +1601,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }

package/styles/bootstrap5-dark.css

@@ -1561,6 +1561,9 @@
   min-width: 28px;
   padding: 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5px 10px;
   min-height: 24px;
@@ -1576,6 +1579,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -1738,6 +1744,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -1851,6 +1860,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -1864,6 +1876,9 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }