spree_storefront 5.2.3 → 5.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7ab16e5ee4fb69e120a80e546ec6211f8237ed8696af473e5b0b7f0265a9224e
-  data.tar.gz: d14e325b9ac9e30eac6035b1e381985ff59b6fec725c213c5a560c8aa8cb4cbc
+  metadata.gz: 76fa4253e2e1ea52d1f30116574561d27c0bc2c607b02ab17918d9f790b62e46
+  data.tar.gz: 4eaf942e5774379423a2471e24c7dd310c5694b9ebe15d636ab9cb949eb97c00
 SHA512:
-  metadata.gz: 853be3a7db0c58f9ca8ac28636f5b4fcbe1769533f54ae4817aff5e0fa11c64484b32e9c22755a098afa3e199881007c2e4946e74da1574f88f67f26031d01de
-  data.tar.gz: 999fd0c093492c80779c2222ef5ff55e240c6e39d2eff59e79758ffe7be950d876c81343ec19bdee0066923c0b7942267c072d0b856e2c8a543bff1c77e1f0e8
+  metadata.gz: ea4a3f2d7f98f66339dd866c4022e9b2d98d034b7596b4c3cd186912b65bca418ac0ca2d8ffb9db24e6c1d9782f2e5e014c9811cc41e5feff406784d2c674494
+  data.tar.gz: 93ffd6f63e6fd59e377ee05426044ff9ba75df19b0d95a3823809cc1ef9945e1279502597511c5433622ca224dfa9466e27f8d53f8fc4d6136ab3c538ee6ced8

data/app/javascript/spree/storefront/controllers/toggle_menu_controller.js

@@ -7,6 +7,12 @@ export default class ToggleMenu extends Toggle {
 
   connect() {
     super.connect()
+    this.setupDynamicHeight()
+  }
+
+  disconnect() {
+    super.disconnect()
+    this.cleanupObservers()
   }
 
   hide(e) {
@@ -17,6 +23,7 @@ export default class ToggleMenu extends Toggle {
   }
 
   toggle(e) {
+    this.updateDynamicHeight()
     super.toggle(e)
     if (this.openValue) {
       this.buttonTarget.classList.add('menu-open')
@@ -28,4 +35,47 @@ export default class ToggleMenu extends Toggle {
       unlockScroll()
     }
   }
+
+  setupDynamicHeight() {
+    this.updateDynamicHeight()
+    this.setupObservers()
+  }
+
+  updateDynamicHeight() {
+    if (!this.hasContentTarget) return
+    
+    const contentTopDistance = this.contentTarget.getBoundingClientRect().top
+    const calculatedHeight = `calc(100dvh - ${contentTopDistance}px)`
+    
+    this.contentTarget.style.height = calculatedHeight
+  }
+
+  setupObservers() {
+    const debouncedUpdate = () => {
+      clearTimeout(this.updateTimeout)
+      this.updateTimeout = setTimeout(() => this.updateDynamicHeight(), 16)
+    }
+
+    if (typeof ResizeObserver !== 'undefined') {
+      this.resizeObserver = new ResizeObserver(debouncedUpdate)
+      const navElement = this.element.querySelector('nav[aria-label="Top"]')
+      if (navElement) {
+        this.resizeObserver.observe(navElement)
+      }
+    }
+
+    this.windowResizeHandler = debouncedUpdate
+    window.addEventListener('resize', this.windowResizeHandler)
+  }
+
+  cleanupObservers() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect()
+    }
+    if (this.windowResizeHandler) {
+      window.removeEventListener('resize', this.windowResizeHandler)
+    }
+    clearTimeout(this.updateTimeout)
+  }
+
 }

data/app/views/themes/default/spree/page_sections/_header.html.erb

@@ -137,19 +137,19 @@
       </div>
     </nav>
     <div
-        class='h-0 opacity-0 pointer-events-none hide-on-load'
-        data-toggle-menu-target='toggleable'
-        role='dialog'
-        aria-modal='true'
-      >
-        <div
-          class='flex justify-between flex-col lg:hidden w-full transition-transform has-[.currency-and-locale-modal:not(.hidden)]:transform-none body header--mobile-menu'
-          data-toggle-menu-target='content'
-          style='background-color: <%= section.preferred_background_color %>; height: calc(100dvh - 58px - 36px);'
-          >
-          <%= render 'spree/page_sections/nav/mobile', section: section %>
-        </div>
+      class='h-0 opacity-0 pointer-events-none hide-on-load'
+      data-toggle-menu-target='toggleable'
+      role='dialog'
+      aria-modal='true'
+    >
+      <div
+        class='flex justify-between flex-col lg:hidden w-full transition-transform has-[.currency-and-locale-modal:not(.hidden)]:transform-none body header--mobile-menu'
+        data-toggle-menu-target='content'
+        style='background-color: <%= section.preferred_background_color %>;'
+        >
+        <%= render 'spree/page_sections/nav/mobile', section: section %>
       </div>
+    </div>
 
     <%= render 'spree/shared/cart_pane', section: section %>
     <% if show_account_pane? %>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spree_storefront
 version: !ruby/object:Gem::Version
-  version: 5.2.3
+  version: 5.2.4
 platform: ruby
 authors:
 - Vendo Connect Inc.
@@ -15,14 +15,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.3
+        version: 5.2.4
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.3
+        version: 5.2.4
 - !ruby/object:Gem::Dependency
   name: active_link_to
   requirement: !ruby/object:Gem::Requirement
@@ -570,9 +570,9 @@ licenses:
 - AGPL-3.0-or-later
 metadata:
   bug_tracker_uri: https://github.com/spree/spree/issues
-  changelog_uri: https://github.com/spree/spree/releases/tag/v5.2.3
+  changelog_uri: https://github.com/spree/spree/releases/tag/v5.2.4
   documentation_uri: https://docs.spreecommerce.org/
-  source_code_uri: https://github.com/spree/spree/tree/v5.2.3
+  source_code_uri: https://github.com/spree/spree/tree/v5.2.4
 rdoc_options: []
 require_paths:
 - lib
@@ -587,7 +587,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.8.23
 requirements: []
-rubygems_version: 3.6.9
+rubygems_version: 4.0.2
 specification_version: 4
 summary: Modern fully featured storefront and checkout for Spree Commerce
 test_files: []