@syncfusion/ej2-navigations 34.1.29 → 34.1.30

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

@@ -71,6 +71,7 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
      */
     HScroll.prototype.preRender = function () {
         this.browser = Browser.info.name;
+        this.resizeContext = this.resizeHandler.bind(this);
         this.browserCheck = this.browser === 'mozilla';
         this.isDevice = Browser.isDevice;
         this.customStep = true;
@@ -95,6 +96,9 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
     HScroll.prototype.render = function () {
         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);
         }
@@ -173,6 +177,10 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
             }
         }
         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.prototype.destroy.call(this);
@@ -426,6 +434,9 @@ var HScroll = /** @__PURE__ @class */ (function (_super) {
         }
         this.repeatScroll();
     };
+    HScroll.prototype.resizeHandler = function (e) {
+        this.scrollHandler(e);
+    };
     HScroll.prototype.scrollHandler = function (e) {
         var target = e.target;
         var width = target.offsetWidth;
@@ -1472,6 +1483,14 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             this.leftEscKeyHandler(e);
         }
         var isDown = e.key ? (e.key === 'ArrowDown') : e.keyCode === 40;
+        var isUp = e.key ? (e.key === 'ArrowUp') : e.keyCode === 38;
+        if (isDown || isUp) {
+            var 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;
         }
@@ -9014,6 +9033,8 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
     };
     Tab.prototype.compileElement = function (ele, val, prop, index) {
         var templateFn;
+        var heightAdjustMode = this.heightAdjustMode;
+        var templateType = prop;
         if (typeof val === 'string') {
             val = val.trim();
             if (this.isVue) {
@@ -9032,6 +9053,9 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         }
         if (!isNullOrUndefined(templateFn) && templateFUN.length > 0) {
             [].slice.call(templateFUN).forEach(function (el) {
+                if (templateType === 'content' && heightAdjustMode === 'Fill' && el.style) {
+                    el.style.height = "100%";
+                }
                 ele.appendChild(el);
             });
         }
@@ -9210,17 +9234,9 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         }
         else if (this.heightAdjustMode === 'Fill') {
             addClass([this.element], [CLS_FILL]);
-            var parent_1 = this.element.parentElement;
-            var heightVal = parent_1.style.height || parent_1.getAttribute('height');
-            while (parent_1 && !heightVal) {
-                heightVal = parent_1.style.height || parent_1.getAttribute('height');
-                if (!heightVal) {
-                    parent_1 = parent_1.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) {