@syncfusion/ej2-navigations 26.2.7 → 26.2.10

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

@@ -1616,6 +1616,7 @@ let MenuBase = class MenuBase extends Component {
                             detach(popupEle);
                         }
                         else {
+                            this.isContextMenuClosed = false;
                             this.toggleAnimation(ul, false);
                         }
                         closeArgs = { element: ul, parentItem: item, items: items };
@@ -2008,6 +2009,7 @@ let MenuBase = class MenuBase extends Component {
                 case 'none':
                     this.top = observedOpenArgs.top;
                     this.left = observedOpenArgs.left;
+                    this.isContextMenuClosed = true;
                     break;
                 case 'hamburger':
                     if (!observedOpenArgs.cancel) {
@@ -2493,7 +2495,9 @@ let MenuBase = class MenuBase extends Component {
                         this.removeLIStateByClass([SELECTED], [wrapper]);
                     }
                     if (!cli || !cli.querySelector('.' + CARET)) {
-                        this.closeMenu(null, e);
+                        if (!Browser.isIos || (Browser.isIos && !e.ctrlKey)) {
+                            this.closeMenu(null, e);
+                        }
                     }
                 }
             }
@@ -2915,7 +2919,7 @@ let MenuBase = class MenuBase extends Component {
         }
     }
     end(ul, isMenuOpen) {
-        if (isMenuOpen) {
+        if (isMenuOpen && (this.isMenu || (!this.isMenu && this.isContextMenuClosed))) {
             if (this.isMenu || !Browser.isDevice) {
                 ul.style.display = 'block';
             }
@@ -16426,6 +16430,12 @@ let Breadcrumb = class Breadcrumb extends Component {
         }
     }
     reRenderItems() {
+        if (this.overflowMode === 'Menu' && this.popupObj && this.popupObj.element.classList.contains('e-popup-open') && this.popupObj.element.querySelector('.e-edit-template')) {
+            this.popupObj.hide();
+            this.popupObj.destroy();
+            this.isPopupCreated = false;
+            detach(this.popupObj.element);
+        }
         this.element.innerHTML = '';
         this.renderItems(this.items);
     }
@@ -16514,7 +16524,7 @@ let Breadcrumb = class Breadcrumb extends Component {
         this.popupObj.show();
     }
     documentClickHandler(e) {
-        if (this.overflowMode === 'Menu' && this.popupObj && this.popupObj.element.classList.contains('e-popup-open') && !closest(e.target, DOT + MENUCLASS)) {
+        if (this.overflowMode === 'Menu' && this.popupObj && this.popupObj.element.classList.contains('e-popup-open') && !closest(e.target, DOT + MENUCLASS) && !closest(e.target, DOT + 'e-edit-template')) {
             this.popupObj.hide();
             this.popupObj.destroy();
             this.isPopupCreated = false;