@syncfusion/ej2-navigations 34.1.29 → 34.1.30

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

@@ -57,6 +57,7 @@ let HScroll = class HScroll extends Component {
      */
     preRender() {
         this.browser = Browser.info.name;
+        this.resizeContext = this.resizeHandler.bind(this);
         this.browserCheck = this.browser === 'mozilla';
         this.isDevice = Browser.isDevice;
         this.customStep = true;
@@ -81,6 +82,9 @@ let HScroll = class HScroll extends Component {
     render() {
         this.touchModule = new Touch(this.element, { scroll: this.touchHandler.bind(this), swipe: this.swipeHandler.bind(this) });
         EventHandler.add(this.scrollEle, 'scroll', this.scrollHandler, this);
+        if (this.element && this.element.closest('.e-toolbar')) {
+            window.addEventListener('resize', this.resizeContext);
+        }
         if (!this.isDevice) {
             this.createNavIcon(this.element);
         }
@@ -157,6 +161,10 @@ let HScroll = class HScroll extends Component {
             }
         }
         EventHandler.remove(this.scrollEle, 'scroll', this.scrollHandler);
+        if (this.element && this.element.closest('.e-toolbar')) {
+            window.removeEventListener('resize', this.resizeContext);
+        }
+        this.resizeContext = null;
         this.touchModule.destroy();
         this.touchModule = null;
         super.destroy();
@@ -406,6 +414,9 @@ let HScroll = class HScroll extends Component {
         }
         this.repeatScroll();
     }
+    resizeHandler(e) {
+        this.scrollHandler(e);
+    }
     scrollHandler(e) {
         const target = e.target;
         const width = target.offsetWidth;
@@ -1396,6 +1407,14 @@ let MenuBase = class MenuBase extends Component {
             this.leftEscKeyHandler(e);
         }
         const isDown = e.key ? (e.key === 'ArrowDown') : e.keyCode === 40;
+        const isUp = e.key ? (e.key === 'ArrowUp') : e.keyCode === 38;
+        if (isDown || isUp) {
+            const activeEl = document.activeElement;
+            if (activeEl && (closest(activeEl, '.e-' + this.getModuleName() + '-wrapper') === this.getWrapper()
+                || closest(activeEl, '.e-menu-item') || closest(activeEl, '.e-menu-parent'))) {
+                e.preventDefault();
+            }
+        }
         if (!isDown) {
             return;
         }
@@ -8733,6 +8752,8 @@ let Tab = class Tab extends Component {
     }
     compileElement(ele, val, prop, index) {
         let templateFn;
+        const heightAdjustMode = this.heightAdjustMode;
+        const templateType = prop;
         if (typeof val === 'string') {
             val = val.trim();
             if (this.isVue) {
@@ -8751,6 +8772,9 @@ let Tab = class Tab extends Component {
         }
         if (!isNullOrUndefined(templateFn) && templateFUN.length > 0) {
             [].slice.call(templateFUN).forEach((el) => {
+                if (templateType === 'content' && heightAdjustMode === 'Fill' && el.style) {
+                    el.style.height = "100%";
+                }
                 ele.appendChild(el);
             });
         }
@@ -8929,17 +8953,9 @@ let Tab = class Tab extends Component {
         }
         else if (this.heightAdjustMode === 'Fill') {
             addClass([this.element], [CLS_FILL]);
-            let parent = this.element.parentElement;
-            let heightVal = parent.style.height || parent.getAttribute('height');
-            while (parent && !heightVal) {
-                heightVal = parent.style.height || parent.getAttribute('height');
-                if (!heightVal) {
-                    parent = parent.parentElement;
-                }
-            }
-            setStyleAttribute(this.element, { 'height': heightVal != null ? heightVal : '100%' });
+            setStyleAttribute(this.element, { 'height': '100%' });
             this.loadContentElement();
-            this.cntEle.style.height = heightVal != null ? `calc(${heightVal} - ${this.hdrEle.offsetHeight}px)` : 'calc(100vh - ' + (this.hdrEle.offsetHeight + this.hdrEle.scrollHeight) + 'px)';
+            this.cntEle.style.height = 'calc(100% - ' + this.hdrEle.offsetHeight + 'px)';
         }
         else if (this.heightAdjustMode === 'Auto') {
             if (this.isTemplate === true) {