@syncfusion/ej2-navigations 20.2.36 → 20.2.43

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

@@ -1496,6 +1496,7 @@ let MenuBase = class MenuBase extends Component {
     }
     cmenuHandler(e) {
         e.preventDefault();
+        this.currentTarget = e.target;
         this.isCMenu = true;
         this.pageX = e.changedTouches ? e.changedTouches[0].pageX + 1 : e.pageX + 1;
         this.pageY = e.changedTouches ? e.changedTouches[0].pageY + 1 : e.pageY + 1;
@@ -2617,6 +2618,14 @@ let MenuBase = class MenuBase extends Component {
                             navIdx.length = 0;
                         }
                     }
+                    if (this.enableScrolling) {
+                        if (this.element.classList.contains('e-vertical')) {
+                            addScrolling(this.createElement, wrapper, this.element, 'vscroll', this.enableRtl);
+                        }
+                        else {
+                            addScrolling(this.createElement, wrapper, this.element, 'hscroll', this.enableRtl);
+                        }
+                    }
                     break;
                 }
             }
@@ -2770,12 +2779,16 @@ let MenuBase = class MenuBase extends Component {
                 ul.querySelector('.' + FOCUSED).focus();
             }
             else {
-                const ele = this.getWrapper().children[this.getIdx(this.getWrapper(), ul) - 1];
-                if (ele) {
-                    ele.querySelector('.' + SELECTED).focus();
-                }
-                else {
-                    this.element.focus();
+                if (this.currentTarget) {
+                    if (!(this.currentTarget.classList.contains("e-numerictextbox") || this.currentTarget.classList.contains("e-textbox"))) {
+                        const ele = this.getWrapper().children[this.getIdx(this.getWrapper(), ul) - 1];
+                        if (ele) {
+                            ele.querySelector('.' + SELECTED).focus();
+                        }
+                        else {
+                            this.element.focus();
+                        }
+                    }
                 }
             }
         }
@@ -8740,7 +8753,7 @@ let Tab = class Tab extends Component {
                 }
             }
             else {
-                this.dragItem.parentNode.insertBefore(dropItem, this.dragItem);
+                this.dragItem.parentNode.insertBefore(this.dragItem, dropItem.nextElementSibling);
             }
         }
     }
@@ -8917,8 +8930,9 @@ let Tab = class Tab extends Component {
                 if (this.allowDragAndDrop && (index !== Array.prototype.indexOf.call(this.itemIndexArray, trg.id))) {
                     index = Array.prototype.indexOf.call(this.itemIndexArray, trg.id);
                 }
-                this.items.splice(index, 1);
-                this.itemIndexArray.splice(index, 1);
+                const targetEleIndex = this.itemIndexArray.indexOf(trg.id);
+                this.items.splice(targetEleIndex, 1);
+                this.itemIndexArray.splice(targetEleIndex, 1);
                 this.refreshActiveBorder();
                 const cntTrg = select('#' + CLS_CONTENT$1 + this.tabId + '_' + this.extIndex(trg.id), select('.' + CLS_CONTENT$1, this.element));
                 if (!isNullOrUndefined(cntTrg)) {
@@ -15892,7 +15906,7 @@ const CLS_TEMPLATE$2 = 'e-template';
 const CLS_SLIDE_ANIMATION = 'e-carousel-slide-animation';
 const CLS_FADE_ANIMATION = 'e-carousel-fade-animation';
 const CLS_CUSTOM_ANIMATION = 'e-carousel-custom-animation';
-const CLS_ANIMATION_NONE = "e-carousel-animation-none";
+const CLS_ANIMATION_NONE = 'e-carousel-animation-none';
 const CLS_PREV_SLIDE = 'e-prev';
 const CLS_NEXT_SLIDE = 'e-next';
 const CLS_TRANSITION_START = 'e-transition-start';