@syncfusion/ej2-navigations 20.2.45 → 20.2.49

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

@@ -2472,10 +2472,7 @@ let MenuBase = class MenuBase extends Component {
         }
         const navIdx = this.getIndex(idx, isUniqueId);
         const newItem = this.getItem(navIdx);
-        newItem.iconCss = item.iconCss || newItem.iconCss;
-        newItem.text = item.text || newItem.text;
-        newItem.url = item.url || newItem.url;
-        newItem.separator = item.separator || newItem.separator;
+        Object.assign(newItem, item);
     }
     getItem(navIdx) {
         navIdx = navIdx.slice();
@@ -2597,6 +2594,14 @@ let MenuBase = class MenuBase extends Component {
                     let item;
                     if (!Object.keys(oldProp.items).length) {
                         this.updateItem(this.element, this.items);
+                        if (this.enableScrolling && this.element.parentElement.classList.contains('e-custom-scroll')) {
+                            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);
+                            }
+                        }
                         if (!this.hamburgerMode) {
                             for (let i = 1, count = wrapper.childElementCount; i < count; i++) {
                                 detach(wrapper.lastElementChild);
@@ -2618,14 +2623,6 @@ 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;
                 }
             }
@@ -2636,6 +2633,16 @@ let MenuBase = class MenuBase extends Component {
             ul = this.removeChildElement(ul);
         }
         else {
+            if (this.enableScrolling) {
+                const wrapper1 = this.getWrapper();
+                let ul1 = wrapper1.children[0];
+                if (this.element.classList.contains('e-vertical')) {
+                    destroyScroll(getInstance(ul1, VScroll), ul1);
+                }
+                else {
+                    destroyScroll(getInstance(ul1, HScroll), ul1);
+                }
+            }
             ul.innerHTML = '';
         }
         const lis = [].slice.call(this.createItems(items).children);
@@ -2988,7 +2995,9 @@ let MenuBase = class MenuBase extends Component {
             navIdx = this.getIndex(items[i], isUniqueId);
             idx = navIdx.pop();
             iitems = this.getItems(navIdx);
-            this.removeItem(iitems, navIdx, idx);
+            if (!isNullOrUndefined(idx)) {
+                this.removeItem(iitems, navIdx, idx);
+            }
         }
     }
     /**