@madj2k/fe-frontend-kit 2.0.5 → 2.0.6

package/menus/flyout-menu/flyout-menu-2.0.js

@@ -329,6 +329,9 @@ class Madj2kFlyoutMenu {
    * Resizes the menu based on height mode and inner content
    */
   resizeMenu() {
+    const refObj = this.settings.$positionReference || this.$element;
+    const refPos = refObj.getBoundingClientRect();
+    const flyoutTop = refPos.top + refObj.offsetHeight;
     let height = this.settings.$menuInner.offsetHeight || this.settings.$menu.offsetHeight;
 
     if ('fullHeight' in this.settings) {
@@ -339,7 +342,7 @@ class Madj2kFlyoutMenu {
     if (this.settings.heightMode === 'full' || this.settings.fullHeight === true) {
       const viewPortHeight = window.innerHeight;
       if (height < viewPortHeight) {
-        height = viewPortHeight;
+        height = viewPortHeight - flyoutTop;
       }
       this.settings.$menu.style.height = `${height}px`;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madj2k/fe-frontend-kit",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Shared frontend utilities, menus and mixins for projects",
 	"main": "index.js",
 	"style": "index.scss",

package/readme.md

@@ -67,6 +67,7 @@ This class toggles the visibility of any target element referenced by the `aria-
 attribute of a trigger element (button, link, etc.). It manages ARIA attributes for accessibility
 and allows overlays to be closed externally via a custom event.
 
+
 # Flyout-Navigation
 ## Usage
 Integrate the CSS- and JS-file into your project. Make sure jQuery is included.