@syncfusion/ej2-navigations 29.2.5 → 29.2.8

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

@@ -2201,7 +2201,7 @@ let MenuBase = class MenuBase extends Component {
             }
         }
     }
-    setPosition(li, ul, top, left) {
+    setPosition(li, ul, top, left, isOpen = false) {
         const px = 'px';
         this.toggleVisiblity(ul);
         if (ul === this.element || (left > -1 && top > -1)) {
@@ -2260,6 +2260,10 @@ let MenuBase = class MenuBase extends Component {
         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 = '';
         }
         const wrapper = closest(this.element, '.e-' + this.getModuleName() + '-wrapper');
         if (!this.isMenu && this.enableScrolling && ul && wrapper && wrapper.offsetHeight > 0) {
@@ -2277,7 +2281,7 @@ let MenuBase = class MenuBase extends Component {
                 left: `${left}px`,
                 width: `${cmenuWidth}px`,
                 position: 'absolute',
-                display: 'none'
+                display: !isOpen ? 'none' : 'block'
             });
         }
         else {
@@ -2868,6 +2872,11 @@ let MenuBase = class MenuBase extends Component {
                                 addScrolling(this.createElement, wrapper, this.element, 'hscroll', this.enableRtl);
                             }
                         }
+                        if (this.enableScrolling && this.element.classList.contains('e-contextmenu')) {
+                            this.isCMenu = true;
+                            this.setPosition(this.lItem, this.uList, this.top, this.left, true);
+                            this.isCMenu = false;
+                        }
                         if (!this.hamburgerMode) {
                             for (let i = 1, count = wrapper.childElementCount; i < count; i++) {
                                 detach(wrapper.lastElementChild);
@@ -7927,6 +7936,7 @@ let Tab = class Tab extends Component {
         if (this.isReact && this.portals && this.portals.length > 0) {
             this.renderReactTemplates(() => {
                 this.refreshOverflow();
+                this.selectingContent(this.selectedItem, this.isInteracted);
                 this.refreshActiveBorder();
             });
         }
@@ -9606,7 +9616,11 @@ let Tab = class Tab extends Component {
      */
     hideTab(index, value) {
         let items;
-        const item = selectAll('.' + CLS_TB_ITEM, this.element)[index];
+        let tabId;
+        if (index >= 0 && index < this.tbItem.length) {
+            tabId = this.tbItem[index].getAttribute('id');
+        }
+        const item = this.element.querySelector(`[id="${tabId}"]`);
         if (isNullOrUndefined(item)) {
             return;
         }