Update interface.js

interface.js

@@ -342,28 +342,37 @@ const currentScriptTag = document.currentScript;
     }
   });
 
-  // Bloqueurs d'input caméra quand l'overlay est ouvert
-  // (l'overlay couvre le canvas → les clics/pointeurs sont déjà interceptés ;
-  //  on bloque uniquement wheel/touch qui peuvent atteindre PlayCanvas en capture)
-  const blockForCamera = (eventName, allowScrollOnBody) => {
-    widgetContainer.addEventListener(eventName, (e) => {
-      if (!annIsOpen) return;
-      const inTooltip  = annTooltip.contains(e.target);
-      const lbOpen     = annLightbox.classList.contains('ann-lb-open');
-      const inLightbox = lbOpen && annLightbox.contains(e.target);
-      if (inTooltip || inLightbox) {
-        e.stopImmediatePropagation();
-        // Sur ann-scroll : autoriser le scroll natif du navigateur
-        if (allowScrollOnBody && annScroll.contains(e.target)) return;
-        e.preventDefault();
-      }
-    }, { capture: true, passive: false });
-  };
-
-  blockForCamera('wheel',      true);
-  blockForCamera('touchstart', false);
-  blockForCamera('touchmove',  true);
-  blockForCamera('touchend',   false);
+  // ── Bloqueurs d'input caméra ──────────────────────────────────────────────
+  // L'overlay (position:absolute; inset:0) couvre le canvas → PlayCanvas ne
+  // reçoit pas les événements touch/mouse qui atterrissent dessus.
+  // On bloque seulement :
+  //   • wheel     : peut remonter jusqu'à PlayCanvas même si l'overlay est au-dessus
+  //   • touchmove : empêche le drag caméra sur les navigateurs qui propagent quand même
+  //
+  // touchstart/touchend/mousedown NE SONT PAS bloqués : sur iOS, appeler
+  // stopImmediatePropagation() sur touchstart en phase capture supprime la
+  // synthèse du click → le bouton ×, la lightbox et le lien cessent de fonctionner.
+
+  widgetContainer.addEventListener('wheel', (e) => {
+    if (!annIsOpen) return;
+    if (annTooltip.contains(e.target) || annLightbox.contains(e.target)) {
+      e.stopImmediatePropagation();
+      // Autoriser le scroll molette dans ann-scroll
+      if (!annScroll.contains(e.target)) e.preventDefault();
+    }
+  }, { capture: true, passive: false });
+
+  widgetContainer.addEventListener('touchmove', (e) => {
+    if (!annIsOpen) return;
+    const inTooltip  = annTooltip.contains(e.target);
+    const lbOpen     = annLightbox.classList.contains('ann-lb-open');
+    const inLightbox = lbOpen && annLightbox.contains(e.target);
+    if (inTooltip || inLightbox) {
+      e.stopImmediatePropagation();
+      // Sur ann-scroll : ne pas appeler preventDefault → scroll natif iOS préservé
+      if (!annScroll.contains(e.target)) e.preventDefault();
+    }
+  }, { capture: true, passive: false });
 
   // ─────────────────────────────────────────────────────────────────────────────
   // 14) Fullscreen
@@ -558,4 +567,4 @@ const currentScriptTag = document.currentScript;
     );
     setMenuContentMaxSize();
   }, 200);
-})();
+})();