Close drop down menus before caching the page

This avoids a flickering when closing modals coming back to the underlying page.
solidusio · Nov 6, 2023 · 4a13a62 · 4a13a62
1 parent 24cb2d1
commit 4a13a62
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/admin/app/components/solidus_admin/orders/show/component.html.erb b/admin/app/components/solidus_admin/orders/show/component.html.erb
@@ -1,4 +1,4 @@
-<%= page do %>
+<%= page("data-action": "turbo:before-cache@window->#{stimulus_id}#closeMenus") do %>
   <%= page_header do %>
     <%= page_header_back(solidus_admin.orders_path) %>
     <%= page_header_title(t('.title', number: @order.number)) %>

diff --git a/admin/app/components/solidus_admin/orders/show/component.js b/admin/app/components/solidus_admin/orders/show/component.js
@@ -1,5 +1,7 @@
 import { Controller } from '@hotwired/stimulus'
 
 export default class extends Controller {
-
+  closeMenus() {
+    this.event.querySelectorAll('details').forEach(details => details.removeAttribute('open'));
+  }
 }