only one interaction

QwikDev · Jan 13, 2025 · 7062b47 · 7062b47
1 parent c056ef0
commit 7062b47
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/apps/website/src/components/home/js-chunk-animator/js-chunk-animator.tsx b/apps/website/src/components/home/js-chunk-animator/js-chunk-animator.tsx
@@ -19,6 +19,7 @@ export const JSChunkAnimator = component$(() => {
     }[]
   >([]);
   const nextId = useSignal(0);
+  const hasInteracted = useSignal(false);
 
   useStylesScoped$(`
     .chunk-container {
@@ -72,6 +73,9 @@ export const JSChunkAnimator = component$(() => {
       const target = event.target as HTMLElement;
       const jsElement = target.closest("[data-js]");
       if (jsElement) {
+        if (hasInteracted.value) return;
+
+        hasInteracted.value = true;
         const rect = jsElement.getBoundingClientRect();
         const centerX = rect.left + rect.width / 2;
         const topY = rect.top - 30;