spree_storefront 5.2.2 → 5.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 64b94b1d67886671273a88ac37e0e54cd93b1222d1fe43d3b6b4c1f84d94835a
-  data.tar.gz: 16661f3a174aeadeed32afac4a5789e8f106a732472b4600e3705572a99cc7a6
+  metadata.gz: 76fa4253e2e1ea52d1f30116574561d27c0bc2c607b02ab17918d9f790b62e46
+  data.tar.gz: 4eaf942e5774379423a2471e24c7dd310c5694b9ebe15d636ab9cb949eb97c00
 SHA512:
-  metadata.gz: 866b87dfd43188a3426c0b8ef36b33535f90aa19a4e60bc2299f50c8b7ac2f701aaa905582892362e7ac279c2032e9ffb9179607b4c0bbc2b82b6d850ae9c18a
-  data.tar.gz: 435ee840f051fe181f2ca54feb43f3f0c31175cb26c877cc1e0946e7424b94857790810a62123ab90d29f491fb824f780ff695947c0f586509574437c53859c0
+  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? %>

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

@@ -70,7 +70,8 @@
                       <%= render 'spree/products/metafields', product: product, block: block, section: section %>
                     <% end %>
                   </div>
-              <% end %>
+                <% end %>
+              </div>
             <% end %>
 
             <%= render 'spree/products/add_to_waitlist', variant: current_variant if show_waitlist_modal %>

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: spree_storefront
 version: !ruby/object:Gem::Version
-  version: 5.2.2
+  version: 5.2.4
 platform: ruby
 authors:
 - Vendo Connect Inc.
@@ -15,14 +15,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.2
+        version: 5.2.4
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 5.2.2
+        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.2
+  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.2
+  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: []