@syncfusion/ej2-navigations 33.2.3 → 33.2.4

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.3
+*  version : 33.2.4
 *  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": "33.2.3",
+  "version": "33.2.4",
   "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",
@@ -11,7 +11,7 @@
     "@syncfusion/ej2-base": "~33.2.3",
     "@syncfusion/ej2-buttons": "~33.2.3",
     "@syncfusion/ej2-data": "~33.2.3",
-    "@syncfusion/ej2-inputs": "~33.2.3",
+    "@syncfusion/ej2-inputs": "~33.2.4",
     "@syncfusion/ej2-lists": "~33.2.3",
     "@syncfusion/ej2-popups": "~33.2.3"
   },

package/src/tab/tab.js

@@ -1048,9 +1048,15 @@ var Tab = /** @class */ (function (_super) {
             addClass([this.element], [CLS_FILL]);
             var parent_1 = this.element.parentElement;
             var heightVal = parent_1.style.height || parent_1.getAttribute('height');
+            while (parent_1 && !heightVal) {
+                heightVal = parent_1.style.height || parent_1.getAttribute('height');
+                if (!heightVal) {
+                    parent_1 = parent_1.parentElement;
+                }
+            }
             setStyle(this.element, { 'height': heightVal != null ? heightVal : '100%' });
             this.loadContentElement();
-            this.cntEle.style.height = heightVal != null ? "calc(" + heightVal + " - " + this.hdrEle.offsetHeight + "px)" : 'calc(100vh - ' + this.hdrEle.offsetHeight + 'px)';
+            this.cntEle.style.height = heightVal != null ? "calc(" + heightVal + " - " + this.hdrEle.offsetHeight + "px)" : 'calc(100vh - ' + (this.hdrEle.offsetHeight + this.hdrEle.scrollHeight) + 'px)';
         }
         else if (this.heightAdjustMode === 'Auto') {
             if (this.isTemplate === true) {

package/src/toolbar/toolbar.js

@@ -324,8 +324,12 @@ var Toolbar = /** @class */ (function (_super) {
         }
     };
     Toolbar.prototype.destroyItems = function () {
+        var _this = this;
         if (this.element) {
-            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) { detach(el); });
+            [].slice.call(this.element.querySelectorAll('.' + CLS_ITEM)).forEach(function (el) {
+                EventHandler.remove(el, 'click', _this.itemClick);
+                detach(el);
+            });
         }
         if (this.tbarAlign) {
             var tbarItems = this.element.querySelector('.' + CLS_ITEMS);
@@ -1933,6 +1937,7 @@ var Toolbar = /** @class */ (function (_super) {
             if (!isNOU(btnItem) && !isNOU(btnItem.ej2_instances[0]) && !(btnItem.ej2_instances[0].isDestroyed)) {
                 btnItem.ej2_instances[0].destroy();
             }
+            EventHandler.remove(innerItems[parseInt(index.toString(), 10)], 'click', this.itemClick);
             detach(innerItems[parseInt(index.toString(), 10)]);
             this.items.splice(eleIdx, 1);
             this.tbarEle.splice(eleIdx, 1);
@@ -2076,7 +2081,7 @@ var Toolbar = /** @class */ (function (_super) {
                     dom.setAttribute('aria-label', (item.text || item.tooltipText));
                     dom.setAttribute('aria-disabled', 'false');
                     innerEle.appendChild(dom);
-                    innerEle.addEventListener('click', this.itemClick.bind(this));
+                    EventHandler.add(innerEle, 'click', this.itemClick, this);
                     break;
                 case 'Separator':
                     this.add(innerEle, CLS_SEPARATOR);
@@ -2320,6 +2325,7 @@ var Toolbar = /** @class */ (function (_super) {
                             if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
                                 this.clearToolbarTemplate(itemCol[parseInt(index.toString(), 10)]);
                             }
+                            EventHandler.remove(itemCol[parseInt(index.toString(), 10)], 'click', this.itemClick);
                             detach(itemCol[parseInt(index.toString(), 10)]);
                             this.tbarEle.splice(index, 1);
                             this.addItems([this.items[parseInt(index.toString(), 10)]], index);