@syncfusion/ej2-navigations 25.2.3 → 25.2.4

package/dist/es6/ej2-navigations.es5.js

@@ -1756,7 +1756,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     else if (isOpen && isNullOrUndefined(ulIndex) && _this.navIdx.length) {
                         _this.closeMenu(null, e);
                     }
-                    else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 && !_this.isMenusClosed) {
+                    else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 && !_this.isMenusClosed && !_this.isCmenuHover) {
                         _this.isMenusClosed = true;
                         _this.closeMenu(0, e);
                     }
@@ -2361,6 +2361,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
     MenuBase.prototype.moverHandler = function (e) {
         var trgt = e.target;
         this.liTrgt = trgt;
+        if (!this.isMenu)
+            this.isCmenuHover = true;
         var cli = this.getLI(trgt);
         var wrapper = cli ? closest(cli, '.e-' + this.getModuleName() + '-wrapper') : this.getWrapper();
         var hdrWrapper = this.getWrapper();
@@ -2416,6 +2418,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
             this.isClosed = false;
         }
+        if (!this.isMenu)
+            this.isCmenuHover = false;
     };
     MenuBase.prototype.removeStateWrapper = function () {
         if (this.liTrgt) {
@@ -2538,10 +2542,14 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                             this.keyType = 'click';
                             if (this.showItemOnClick) {
                                 this.setLISelected(cli);
+                                if (!this.isMenu)
+                                    this.isCmenuHover = true;
                             }
                             this.closeMenu(culIdx + 1, e);
                             if (this.showItemOnClick) {
                                 this.setLISelected(cli);
+                                if (!this.isMenu)
+                                    this.isCmenuHover = false;
                             }
                         }
                     }
@@ -3008,7 +3016,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
     };
     MenuBase.prototype.end = function (ul, isMenuOpen) {
         if (isMenuOpen) {
-            ul.style.display = 'block';
+            if (this.isMenu || !Browser.isDevice)
+                ul.style.display = 'block';
             ul.style.maxHeight = '';
             this.triggerOpen(ul);
             if (ul.querySelector('.' + FOCUSED)) {
@@ -9777,8 +9786,15 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
      */
     Tab.prototype.onPropertyChanged = function (newProp, oldProp) {
         var _this = this;
-        for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
-            var prop = _a[_i];
+        var sortedKeys = Object.keys(newProp).sort(function (a, b) {
+            if (a === 'items')
+                return -1;
+            if (b === 'items')
+                return 1;
+            return 0;
+        });
+        for (var _i = 0, sortedKeys_1 = sortedKeys; _i < sortedKeys_1.length; _i++) {
+            var prop = sortedKeys_1[_i];
             switch (prop) {
                 case 'width':
                     setStyleAttribute(this.element, { width: formatUnit(newProp.width) });