Changeset 1080d14 in Klonkt

Timestamp:

06/19/2026 09:21:25 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

f4b7b6a

Parents:

5c27e8e

Message:

ui(nav): scroll to top when navigating to a different post

Links with their own hx-get (post-nav Newer/Older, post cards) do not go
through the link boost and therefore did not scroll back to the top. A
global htmx:afterSwap handler now scrolls to the top whenever #pcms-main
swaps (in-page/OOB swaps excluded).

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

Files:

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

CHANGELOG.md

@@ -18 +18 @@
   ontbreekt er een nieuwere/oudere post, dan staat er een subtiele uitgegrijsde
   placeholder ("Nieuwste post" / "Oudste post") i.p.v. een lege plek.
+- Bij het openen van een gerelateerde/volgende post spring je nu naar boven van de
+  pagina (was: je bleef op de oude scrollpositie hangen).
 
 ## [1.0.0-beta.2] — 2026-06-19

src/views/shell.ejs

@@ -515 +515 @@
     } catch (_) {}
   });
+
+  // Spring naar boven na ELKE navigatie-swap van #pcms-main. De boost hierboven
+  // scrollt al, maar links met hun eigen hx-get (post-nav Newer/Older, post-kaarten)
+  // lopen NIET via de boost → zonder dit blijf je op de oude scrollpositie hangen
+  // bij het openen van een gerelateerde/volgende post. Alleen #pcms-main, zodat
+  // in-page swaps (comments e.d.) en de OOB-chrome-swap niet meescrollen.
+  document.body.addEventListener('htmx:afterSwap', function (evt) {
+    var t = evt.detail && evt.detail.target;
+    if (t && t.id === 'pcms-main') { try { window.scrollTo(0, 0); } catch (_) {} }
+  });
 })();
 </script>