Changeset 6b8afb1 in Klonkt for src/views/shell.ejs

Timestamp:

06/19/2026 07:23:36 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

e9cfa3c

Parents:

0beafed

Message:

fix: address bar not updating on post click (htmx history off + hx-push-url no-op)

Links with their own hx-get + hx-push-url (post-card/post-tile/topnav) do not go
through the plain-link-boost and hx-push-url does nothing now that
htmx.config.historyEnabled=false. New global htmx:beforeSwap listener does its own
history.pushState based on hx-push-url of the triggering element. Programmatic
htmx.ajax (boost/popstate) has no elt with hx-push-url -> no double push.

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

File:

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

src/views/shell.ejs

@@ -498 +498 @@
     window.htmx.ajax('GET', here, { target: '#pcms-main', swap: 'innerHTML' });
   });
+
+  // Links MÉT eigen hx-get + hx-push-url (post-card/post-tile/topnav/…) lopen NIET
+  // via de boost hierboven, en hx-push-url is een no-op nu htmx-history uitstaat.
+  // 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) {
+    try {
+      var elt = evt.detail && evt.detail.elt;
+      if (!elt || !elt.getAttribute) return;
+      var u = elt.getAttribute('hx-push-url');
+      if (!u || u === 'false') return;
+      if (u !== lastPath) history.pushState({ b: 1 }, '', u);
+      lastPath = u;
+    } catch (_) {}
+  });
 })();
 </script>