Changeset 9a22776 in Klonkt for src/assets/js/mod/read.js

Timestamp:

08/24/2026 09:02:23 AM (2 weeks ago)

Author:

Robin <roboburr@…>

Branches:

main

Children:

d7d2ede

Parents:

cd7d7d8

Message:

De native-snapproef er weer uit: mobiel scrolt goed zonder

Robins oordeel op de telefoon (24-8): met de vlag UIT werkte het scrollen
ineens wel goed, dus de proef is niet meer nodig en gaat er ongewijzigd uit.
read.js en style.css staan byte voor byte terug op de stand van voor de proef
(7b03c35): de vlag, de vroege return in startLenis() en scroll-snap-stop op
het anker verdwijnen samen.

Ook de zetSnappen-aanpassing (expliciet 'y proximity' in plaats van
terugvallen op de stylesheet) gaat mee terug. Die was er alleen zodat de
proef zonder Lenis iets kon bewijzen; met Lenis op mobiel is die tak
onbereikbaar zodra de module geladen is, en de oude stand is de stand die
zojuist goed bevonden is.

Wat er in de vault blijft staan, want dat is niet weerlegd: de vier routes
waarlangs de browser een gebaar van Lenis kan overnemen staan nog steeds in
de vendor-bron. Komt de klacht terug, dan begint het onderzoek daar en niet
opnieuw bij nul. Zie Klonkt Reader Scroll in de Brain.

MOD_V 62 en style.css v=110: beide bestanden wijzigen opnieuw, en een browser
die 61/109 al heeft moet de teruggezette versie ook echt krijgen.

File:

• src/assets/js/mod/read.js (modified) (4 diffs)

src/assets/js/mod/read.js

@@ -252 +252 @@
 const RUST_MS = 120;
 
-/**
- * DE PROEF: op mobiel het NATIVE snappen terug (24-8).
- *
- * De vraag die deze vlag beantwoordt is er precies een: houdt de browser zich
- * aan `scroll-snap-stop: always`? Die eigenschap zegt dat een uitloop nooit
- * over een snappunt heen mag vliegen -- en dat is woord voor woord Robins regel
- * ("ook al zou het target voorbijgescrolld worden, alsnog op het target
- * landen"), maar dan uitgevoerd door het toestel met zijn eigen momentumcurve
- * in plaats van door onze nabootsing ervan in JavaScript.
- *
- * Dat overvliegen was destijds de reden om Lenis er op mobiel bij te halen. De
- * eigenschap is toen nooit geprobeerd: hij stond op `normal`, en dan ook nog op
- * .read-post -- een element dat door scroll-snap-align:none helemaal geen
- * snappunt is. Het ankertje dat het snappunt WEL is had hem niet.
- *
- * ACHTER EEN VLAG, want de Lenis-kant blijft staan tot deze proef gewonnen is.
- * Wint hij, dan kan Lenis van de telefoon af en verdwijnen daarmee ook de vier
- * routes waarlangs de native scroll het gebaar nu soms overneemt. Verliest hij,
- * dan hebben we dat geweten voordat er iets weg was.
- *
- * ?nativesnap=1 zet hem aan, ?nativesnap=0 weer uit. De keuze blijft staan
- * zolang het tabblad open is, want een htmx-navigatie gooit de queryreeks weg
- * en dan zou de proef na een klik voorbij zijn.
- */
-function nativeSnap() {
-  try {
-    const q = new URLSearchParams(location.search).get('nativesnap');
-    if (q === '1') sessionStorage.setItem('klonkt:native-snap', '1');
-    if (q === '0') sessionStorage.removeItem('klonkt:native-snap');
-    return sessionStorage.getItem('klonkt:native-snap') === '1';
-  } catch (e) {
-    return false;   // privémodus zonder opslag: gewoon de gewone weg
-  }
-}
-
 let bezig = false;          // loopt er een gebaar of een uitloop?
 let ooitGescrold = false;   // snappen begint UIT, zie zetSnappen()
@@ -340 +305 @@
   // zijn snap heeft zijn scroll-gebeurtenissen nodig om te kunnen timen.
   if (lenis || !(OP_DESKTOP.matches || OP_TOUCH.matches)) return;
-  // Staat de proef aan, dan blijft Lenis van de telefoon af en doet de browser
-  // het snappen zelf. Desktop merkt hier niets van: daar is OP_TOUCH onwaar.
-  if (OP_TOUCH.matches && nativeSnap()) return;
   const [L, S] = await Promise.all([
     import(`/assets/vendor/lenis.mjs?v=${VENDOR_V}`),
@@ -581 +543 @@
   // eerste gebaar naar beneden zet hem aan.
   const el = document.documentElement;
-  // EXPLICIET 'y proximity', geen lege waarde. Leeg betekent "val terug op de
-  // stylesheet", en die zet het snappen op mobiel juist UIT (de mediaquery bij
-  // .read-post, want twee snapsystemen op dezelfde scroller vechten). Zolang
-  // Lenis daar draaide klopte dat; zonder Lenis zou het snappen dan nooit meer
-  // aangaan en zou de proef niets kunnen bewijzen.
-  // Op desktop verandert er niets: dit is exact wat de stylesheet daar geeft.
-  const wil = aan ? 'y proximity' : 'none';
+  const wil = aan ? '' : 'none';
   if (el.style.scrollSnapType !== wil) el.style.scrollSnapType = wil;
 }
@@ -643 +599 @@
   document.querySelectorAll('[data-lenis-prevent].read-post')
     .forEach((a) => a.removeAttribute('data-lenis-prevent'));
-
-  // DE VLAG WORDT HIER GELEZEN, op elke pagina en in elke weergave, en niet pas
-  // in startLenis(). Anders zit er een val in: land je in Grid, dan draait
-  // startLenis() helemaal niet, wordt ?nativesnap=1 nergens opgeschreven, en is
-  // de queryreeks weg zodra je op Lezen tikt. De proef gaat dan stilzwijgend
-  // niet door en je beoordeelt Lenis terwijl je denkt dat je de browser
-  // beoordeelt. Gemeten op dev: weergave 'grid', vlag null.
-  // Dit mag boven de terugval hieronder staan omdat de module op elke pagina
-  // draait (data-js is "chrome read tape"), ook waar geen leesstroom is.
-  nativeSnap();
 
   const s = document.getElementById('read-stream');