@zevra/ui 0.12.2 → 0.12.3

package/src/motion.js

@@ -34,11 +34,12 @@
           io.unobserve(e.target);
         }
       },
-      /* Déclenche un peu AVANT l'entrée au viewport (marge basse positive) :
-       * l'entrée accompagne l'arrivée, et un saut de page (ancre de
-       * sommaire, molette rapide) n'atterrit jamais sur un écran vide qui
-       * attendrait le prochain cran de défilement. */
-      { rootMargin: '0px 0px 12% 0px', threshold: 0.01 }
+      /* Marge basse positive : l'entrée se déclenche un peu AVANT le
+       * viewport, un saut d'ancre n'atterrit jamais sur un écran vide.
+       * Marge haute généreuse : ce que le lecteur a dépassé en volant est
+       * déjà posé s'il remonte — remonter ne doit jamais rejouer quoi que
+       * ce soit, ni le faire attendre. */
+      { rootMargin: '80% 0px 12% 0px', threshold: 0.01 }
     );
 
     for (const el of document.querySelectorAll(ENTREES)) {

package/src/overlays.css

@@ -44,6 +44,17 @@
 
 /* ─── Tiroir de navigation ──────────────────────────────────────────────*/
 
+/* Tiroir ou modale ouverts : la page derrière ne défile plus. `:has()` est
+ * le seul chemin CSS pour verrouiller le body depuis un état descendant —
+ * sans lui, la molette fait défiler le fond sous le voile et le panneau
+ * semble dériver. */
+html:has(.zv-drawer[data-open]),
+html:has(.zv-drawer--open),
+html:has(.zv-modal[data-open]),
+html:has(.zv-modal--open) {
+  overflow: hidden;
+}
+
 .zv-drawer {
   display: none;
   position: fixed;