site-mva-global-fret/js
Serge RAKOTO HARRY-NAIVO e30704e6ef fix(js): IntersectionObserver threshold 0.1 \xe2\x86\x92 0 for animate-on-scroll
Bug: on mobile portrait, content of cgv.html and
politique-confidentialite.html stays invisible because the
.animate-on-scroll blocks (data-lang-block FR/EN/MG trilingual
content) are 2000-3000px tall and the viewport (~600px) never
reaches the 10% intersection ratio required to trigger the
.visible class.

Symptom: page appears empty on mobile until user resizes the
window (= triggers re-evaluation). Reported by Serge during
post-cutover E2E retest 2026-05-07.

Other pages (mentions-legales, accueil, etc.) unaffected because
their .animate-on-scroll blocks are short enough to satisfy the
previous 10% threshold.

Fix: threshold: 0 fires as soon as any pixel of the element
enters the viewport. rootMargin -50px bottom kept to give a small
buffer before triggering animation.

Refs: post-cutover polish (companion to PR #6 chore polish).
2026-05-07 15:37:33 +02:00
..
confirmation.js feat(cloudflare): point HTML/JS to new Mind4Solutions Worker + Turnstile sitekey (#4) 2026-05-07 15:28:23 +03:00
form-handler.js chore(post-cutover): fix 3 polish bugs (welcome-back, mobile lang switcher, animate-on-scroll) (#6) 2026-05-07 16:36:28 +03:00
intro-scene.js Intro: bouton 'Accéder au site' visible immédiatement, sans animation 2026-05-05 22:21:30 +02:00
main.js fix(js): IntersectionObserver threshold 0.1 \xe2\x86\x92 0 for animate-on-scroll 2026-05-07 15:37:33 +02:00
translations.js Add Mentions Légales & Politique de Confidentialité pages 2026-05-06 20:05:39 +02:00