@syncfusion/ej2-navigations 28.1.35 → 28.1.36

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

@@ -1303,6 +1303,7 @@ let MenuBase = class MenuBase extends Component {
             this.delegateMouseDownHandler = this.mouseDownHandler.bind(this);
             EventHandler.add(this.isMenu ? document : wrapper, 'mouseover', this.delegateMoverHandler, this);
             EventHandler.add(document, 'mousedown', this.delegateMouseDownHandler, this);
+            EventHandler.add(document, 'keydown', this.domKeyHandler, this);
             if (!this.isMenu && !this.target) {
                 EventHandler.add(document, 'scroll', this.scrollHandler, this);
             }
@@ -1344,6 +1345,12 @@ let MenuBase = class MenuBase extends Component {
             }
         }
     }
+    domKeyHandler(e) {
+        if (e.keyCode === 27) {
+            e.action = ESCAPE;
+            this.leftEscKeyHandler(e);
+        }
+    }
     keyBoardHandler(e) {
         let actionName = '';
         const trgt = e.target;
@@ -1409,9 +1416,6 @@ let MenuBase = class MenuBase extends Component {
                     this.rightEnterKeyHandler(e);
                 }
                 break;
-            case ESCAPE:
-                this.leftEscKeyHandler(e);
-                break;
         }
         if (actionNeeded) {
             e.action = actionName;
@@ -1975,6 +1979,7 @@ let MenuBase = class MenuBase extends Component {
             element: ul, items: items, parentItem: item, event: e, cancel: false, top: top, left: left, showSubMenuOn: 'Auto'
         };
         const menuType = type;
+        let observedElement;
         this.trigger('beforeOpen', eventArgs, (observedOpenArgs) => {
             switch (menuType) {
                 case 'menu':
@@ -2024,6 +2029,10 @@ let MenuBase = class MenuBase extends Component {
                     this.top = observedOpenArgs.top;
                     this.left = observedOpenArgs.left;
                     this.isContextMenuClosed = true;
+                    observedElement = observedOpenArgs.element;
+                    if (this.enableScrolling && this.isCMenu && observedElement && observedElement.parentElement) {
+                        observedElement.style.height = observedElement.parentElement.style.height;
+                    }
                     break;
                 case 'hamburger':
                     if (!observedOpenArgs.cancel) {
@@ -2204,6 +2213,9 @@ let MenuBase = class MenuBase extends Component {
             }
         }
         this.toggleVisiblity(ul, false);
+        if (this.isCMenu && this.enableScrolling && ul) {
+            ul.style.height = '';
+        }
         const wrapper = closest(this.element, '.e-' + this.getModuleName() + '-wrapper');
         if (!this.isMenu && this.enableScrolling && ul && wrapper && wrapper.offsetHeight > 0) {
             const menuVScroll = closest(ul, '.e-menu-vscroll');
@@ -2909,6 +2921,7 @@ let MenuBase = class MenuBase extends Component {
         if (!Browser.isDevice) {
             EventHandler.remove(this.isMenu ? document : wrapper, 'mouseover', this.delegateMoverHandler);
             EventHandler.remove(document, 'mousedown', this.delegateMouseDownHandler);
+            EventHandler.remove(document, 'keydown', this.domKeyHandler);
             if (!this.isMenu && !this.target) {
                 EventHandler.remove(document, 'scroll', this.scrollHandler);
             }
@@ -3070,7 +3083,9 @@ let MenuBase = class MenuBase extends Component {
         level = isCallBack ? level + 1 : 0;
         for (let i = 0, len = items.length; i < len; i++) {
             item = items[i];
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const currentField = isUniqueId ? item[this.getField('itemId', level)] : item[this.getField('text', level)];
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const itemId = (item.htmlAttributes && 'id' in item.htmlAttributes) ? item.htmlAttributes.id : currentField;
             if (itemId === data) {
                 nIndex.push(i);
@@ -13717,7 +13732,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             this.renderChildNodes(dropLi);
         }
         dropUl = select('.' + PARENTITEM, dropLi);
-        if (!isNullOrUndefined(dropUl) && this.preventExpand === true) {
+        if (!isNullOrUndefined(dropUl) && (this.preventExpand && !(dropLi.getAttribute('aria-expanded') === 'true'))) {
             dropUl.style.display = 'none';
         }
         if (!isNullOrUndefined(dropUl) && this.preventExpand === false) {
@@ -13765,7 +13780,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             this.trigger('nodeExpanded', this.getExpandEvent(dropLi, null));
         }
         const collapseIcon = select('div.' + COLLAPSIBLE, dropLi);
-        if (!isNullOrUndefined(dropUl) && collapseIcon && this.preventExpand) {
+        if (!isNullOrUndefined(dropUl) && collapseIcon && (this.preventExpand && !(dropLi.getAttribute('aria-expanded') === 'true'))) {
             removeClass([collapseIcon], COLLAPSIBLE);
             dropLi.setAttribute('aria-expanded', 'false');
             addClass([collapseIcon], EXPANDABLE);
@@ -18134,6 +18149,9 @@ let Carousel = class Carousel extends Component {
                     addClass([].slice.call(navigator.childNodes), CLS_HOVER_ARROWS);
                 }
                 removeClass([this.element], CLS_HOVER);
+                if (this.isSwipe) {
+                    this.swipStop();
+                }
                 break;
         }
         this.autoSlide();