Run onConnect callback just once. Fixes #1191.

Author: derekkraan

packages/vidstack/src/elements/define/sliders/slider-chapters-element.ts

@@ -26,17 +26,23 @@ export class MediaSliderChaptersElement extends Host(HTMLElement, SliderChapters
   static tagName = 'media-slider-chapters';
 
   #template: HTMLTemplateElement | null = null;
+  #connected_ran_once: Boolean = false;
 
   protected onConnect(): void {
-    // Animation frame required as some frameworks append late for some reason.
-    requestScopedAnimationFrame(() => {
-      if (!this.connectScope) return;
-      const template = this.querySelector('template') as HTMLTemplateElement | null;
-      if (template) {
-        this.#template = template;
-        effect(this.#renderTemplate.bind(this));
-      }
-    });
+    // onConnect can run more than once (eg, Phoenix LiveView after navigation)
+    if (!this.#connected_ran_once) {
+      // Animation frame required as some frameworks append late for some reason.
+      requestScopedAnimationFrame(() => {
+        if (!this.connectScope) return;
+        const template = this.querySelector('template') as HTMLTemplateElement | null;
+        if (template) {
+          this.#template = template;
+          effect(this.#renderTemplate.bind(this));
+        }
+      });
+
+      this.#connected_ran_once = true;
+    }
   }
 
   #renderTemplate() {