Changeset 9b3e12c in Klonkt

Timestamp:

06/19/2026 07:28:25 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

70679063

Parents:

e9cfa3c

Message:

fix: post URL now updates in the address bar — htmx:beforeRequest instead of beforeSwap

In htmx:beforeSwap, detail.elt is the swap TARGET (#pcms-main), not the clicked link,
so hx-push-url was never found. Now using htmx:beforeRequest (detail.elt = the link)
+ closest('[hx-push-url]') for the pushState.

Co-Authored-By: Claude <noreply@…>

File:

• src/views/shell.ejs (modified) (1 diff)

src/views/shell.ejs

@@ -503 +503 @@
   // Doe daarom de adresbalk-update hier zelf zodra htmx swapt. Programmatische
   // htmx.ajax-calls (boost/popstate) hebben geen elt met hx-push-url → geen dubbel.
-  document.body.addEventListener('htmx:beforeSwap', function (evt) {
+  document.body.addEventListener('htmx:beforeRequest', function (evt) {
     try {
-      var elt = evt.detail && evt.detail.elt;
-      if (!elt || !elt.getAttribute) return;
-      var u = elt.getAttribute('hx-push-url');
+      var elt = evt.detail && evt.detail.elt;       // het TRIGGERENDE element (de link)
+      if (!elt || !elt.closest) return;
+      var node = elt.closest('[hx-push-url]');
+      if (!node) return;
+      var u = node.getAttribute('hx-push-url');
       if (!u || u === 'false') return;
-      if (u !== lastPath) history.pushState({ b: 1 }, '', u);
+      if (u !== (location.pathname + location.search)) history.pushState({ b: 1 }, '', u);
       lastPath = u;
     } catch (_) {}