Add popstate handling

slovensko-digital · Dec 4, 2023 · 5439f83 · 5439f83
1 parent 49b561d
commit 5439f83
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/app/components/common/modal_component.html.erb b/app/components/common/modal_component.html.erb
@@ -1,4 +1,4 @@
-<div class="relative" data-modal-disable-backdrop="true" data-controller="turbo-content" data-action="keydown.esc@window-><%= remove_content_action %>">
+<div class="relative" data-modal-disable-backdrop="true" data-controller="turbo-content" data-action="keydown.esc@window-><%= remove_content_action %>" data-turbo-temporary-hide>
   <div role="dialog" aria-modal="true" aria-labelledby="modal-title" class="animated fadeIn fixed inset-0 overflow-y-auto flex items-center justify-center" style="z-index: 10000;">
     <div class="max-w-lg max-h-screen w-full relative" style="z-index: 1000">
       <div class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0">

diff --git a/app/components/common/options_component.html.erb b/app/components/common/options_component.html.erb
@@ -1,4 +1,4 @@
-<div class="relative ml-3 inline-block text-left" data-controller="dropdown" data-action="click->dropdown#toggle click@window->dropdown#hide">
+<div class="relative ml-3 inline-block text-left" data-controller="dropdown" data-action="click->dropdown#toggle click@window->dropdown#hide" data-turbo-temporary-hide>
   <div>
     <button data-dropdown-target="button"
             type="button"

diff --git a/app/components/t_w/mobile_sidebar_component.html.erb b/app/components/t_w/mobile_sidebar_component.html.erb
@@ -7,7 +7,7 @@
        data-transition-leave="transition ease-in duration-150"
        data-transition-leave-from="opacity-100"
        data-transition-leave-to="opacity-0"
-       data-turbo-preview-hide
+       data-turbo-temporary-hide
   >
     <div class="fixed inset-0">
       <div class="absolute inset-0 bg-gray-600 opacity-75"></div>

diff --git a/app/javascript/controllers/application.js b/app/javascript/controllers/application.js
@@ -16,5 +16,16 @@ application.register('tabs', Tabs)
 application.register('popover', Popover)
 application.register('toggle', Toggle)
 application.register('slideover', Slideover)
+document.addEventListener('turbo:before-cache', function(event) {
+    event.target.querySelectorAll("[data-turbo-temporary-hide]").forEach((elm) => {
+        elm.style = 'display: none';
+    })
+});
+
+if (window.history.state && window.history.state.turbo) {
+    window.addEventListener("popstate", function () {
+        location.reload(true);
+    });
+}
 
 export { application }