@mochabug/adapt-web 1.0.1-rc.4 → 1.0.1-rc.6

package/dist/esm/index.js

@@ -681,6 +681,9 @@ export class AdaptWebClient {
         this.resizeObserver = null;
         this.messageHandler = null;
         this.backdropClickHandler = null;
+        // Per-iframe resize capability tracking (set when plugin sends adapt-init)
+        this.mainResizeCapable = false;
+        this.forkResizeCapable = false;
         this.destroyed = false;
         this.lastForkActive = null;
         // Status message element (stopped / error)
@@ -782,35 +785,82 @@ export class AdaptWebClient {
             if (!this.isValidMessageOrigin(event.origin))
                 return;
             const data = event.data;
-            if (!data || typeof data !== "object" || data.type !== "adapt-resize")
+            if (!data || typeof data !== "object")
                 return;
-            const { height } = data;
-            if (typeof height !== "number" || !Number.isFinite(height) || height < 1)
-                return;
-            // Identify which iframe sent the message via source window
             const source = event.source;
-            if (this.mainIframe?.contentWindow === source) {
-                if (this.autoResizing) {
-                    this.mainIframe.style.height = `${height}px`;
+            // Handle adapt-init: plugin declaring its capabilities
+            if (data.type === "adapt-init" && typeof data.resize === "boolean") {
+                const isMain = this.mainIframe?.contentWindow === source;
+                const isFork = this.forkIframe?.contentWindow === source;
+                if (isMain) {
+                    this.mainResizeCapable = data.resize;
+                    if (!data.resize && this.mainIframe) {
+                        this.mainIframe.style.height = "";
+                    }
+                }
+                else if (isFork) {
+                    this.forkResizeCapable = data.resize;
+                    if (!data.resize && this.forkIframe) {
+                        this.forkIframe.style.height = "";
+                        // Reset dialog height too
+                        if (this.dialogElement) {
+                            this.dialogElement.style.height = "";
+                        }
+                    }
+                }
+                // Respond with adapt-autoResizing if parent supports resize AND plugin wants it
+                if (isMain || isFork) {
+                    const iframe = isMain ? this.mainIframe : this.forkIframe;
+                    const iframeSrc = iframe.src;
+                    const targetOrigin = iframeSrc ? this.getOrigin(iframeSrc) : null;
+                    if (targetOrigin) {
+                        // For fork iframe in dialog mode with resizeToContent, always enable
+                        let effective = this.autoResizing && data.resize;
+                        if (isFork &&
+                            data.resize &&
+                            this.forkDisplay.mode === "dialog" &&
+                            this.forkDisplay.resizeToContent) {
+                            effective = true;
+                        }
+                        try {
+                            iframe.contentWindow?.postMessage({ type: "adapt-autoResizing", autoResizing: effective }, targetOrigin);
+                            iframe.contentWindow?.postMessage({ type: "adapt-darkMode", darkMode: this.darkMode }, targetOrigin);
+                        }
+                        catch { }
+                    }
                 }
+                return;
             }
-            else if (this.forkIframe?.contentWindow === source) {
-                if (this.autoResizing) {
-                    this.forkIframe.style.height = `${height}px`;
+            // Handle adapt-resize: only apply if iframe declared resize capability
+            if (data.type === "adapt-resize") {
+                const { height } = data;
+                if (typeof height !== "number" || !Number.isFinite(height) || height < 1)
+                    return;
+                if (this.mainIframe?.contentWindow === source) {
+                    if (this.mainResizeCapable && this.autoResizing) {
+                        this.mainIframe.style.height = `${height}px`;
+                    }
                 }
-                // Dialog resize-to-content: resize the dialog element to match fork content
-                // Skip on narrow viewports where dialog is fullscreen via CSS
-                if (this.forkDisplay.mode === "dialog" &&
-                    this.forkDisplay.resizeToContent &&
-                    this.dialogElement &&
-                    window.innerWidth > AdaptWebClient.DIALOG_FULLSCREEN_BREAKPOINT) {
-                    const toolbarHeight = this.forkToolbarElement?.offsetHeight ?? 36;
-                    const padding = 24; // 12px padding top + bottom in iframeContainer
-                    const border = 2; // 1px border top + bottom on dialog
-                    const totalHeight = Math.ceil(height) + toolbarHeight + padding + border;
-                    // Clamp between min-height (300px) and 90vh
-                    this.dialogElement.style.height = `clamp(300px, ${totalHeight}px, 90vh)`;
+                else if (this.forkIframe?.contentWindow === source) {
+                    if (this.forkResizeCapable && this.autoResizing) {
+                        this.forkIframe.style.height = `${height}px`;
+                    }
+                    // Dialog resize-to-content: resize the dialog element to match fork content
+                    // Skip on narrow viewports where dialog is fullscreen via CSS
+                    if (this.forkResizeCapable &&
+                        this.forkDisplay.mode === "dialog" &&
+                        this.forkDisplay.resizeToContent &&
+                        this.dialogElement &&
+                        window.innerWidth > AdaptWebClient.DIALOG_FULLSCREEN_BREAKPOINT) {
+                        const toolbarHeight = this.forkToolbarElement?.offsetHeight ?? 36;
+                        const padding = 24; // 12px padding top + bottom in iframeContainer
+                        const border = 2; // 1px border top + bottom on dialog
+                        const totalHeight = Math.ceil(height) + toolbarHeight + padding + border;
+                        // Clamp between min-height (300px) and 90vh
+                        this.dialogElement.style.height = `clamp(300px, ${totalHeight}px, 90vh)`;
+                    }
                 }
+                return;
             }
         };
         window.addEventListener("message", this.messageHandler);
@@ -835,41 +885,11 @@ export class AdaptWebClient {
             // Silently ignore errors - iframe may not be ready or cross-origin issues
         }
     }
-    sendAutoResizingToIframe(iframe) {
+    sendAutoResizingMessageToIframe(iframe, enabled) {
         if (!iframe)
             return;
         const iframeSrc = iframe.src;
         const targetOrigin = iframeSrc ? this.getOrigin(iframeSrc) : null;
-        if (!targetOrigin)
-            return;
-        // For the fork iframe in dialog mode with resizeToContent,
-        // tell the iframe to report heights even if global autoResizing is off
-        let effective = this.autoResizing;
-        if (iframe === this.forkIframe &&
-            this.forkDisplay.mode === "dialog" &&
-            this.forkDisplay.resizeToContent) {
-            effective = true;
-        }
-        const message = {
-            type: "adapt-autoResizing",
-            autoResizing: effective,
-        };
-        try {
-            iframe.contentWindow?.postMessage(message, targetOrigin);
-        }
-        catch {
-            // Silently ignore errors
-        }
-    }
-    /**
-     * Send autoResizing state specifically to the fork iframe.
-     * Used by setDialogResizeToContent to toggle height reporting independently.
-     */
-    sendAutoResizingToForkIframe(enabled) {
-        if (!this.forkIframe)
-            return;
-        const iframeSrc = this.forkIframe.src;
-        const targetOrigin = iframeSrc ? this.getOrigin(iframeSrc) : null;
         if (!targetOrigin)
             return;
         const message = {
@@ -877,7 +897,7 @@ export class AdaptWebClient {
             autoResizing: enabled,
         };
         try {
-            this.forkIframe.contentWindow?.postMessage(message, targetOrigin);
+            iframe.contentWindow?.postMessage(message, targetOrigin);
         }
         catch {
             // Silently ignore errors
@@ -912,9 +932,13 @@ export class AdaptWebClient {
         if (this.autoResizing === autoResizing)
             return;
         this.autoResizing = autoResizing;
-        // Notify iframes of the change so they can send their current height
-        this.sendAutoResizingToIframe(this.mainIframe);
-        this.sendAutoResizingToIframe(this.forkIframe);
+        // Notify resize-capable iframes of the change so they can send their current height
+        if (this.mainResizeCapable) {
+            this.sendAutoResizingMessageToIframe(this.mainIframe, autoResizing);
+        }
+        if (this.forkResizeCapable) {
+            this.sendAutoResizingMessageToIframe(this.forkIframe, autoResizing);
+        }
         // If disabling, reset iframe heights to CSS default
         if (!autoResizing) {
             if (this.mainIframe)
@@ -985,10 +1009,14 @@ export class AdaptWebClient {
         if (this.currentFork && this.forkIframe) {
             this.showIframe(this.forkIframe);
         }
-        // Re-send auto-resize state so iframes report their height again
+        // Re-send auto-resize state so resize-capable iframes report their height again
         if (this.autoResizing) {
-            this.sendAutoResizingToIframe(this.mainIframe);
-            this.sendAutoResizingToIframe(this.forkIframe);
+            if (this.mainResizeCapable) {
+                this.sendAutoResizingMessageToIframe(this.mainIframe, true);
+            }
+            if (this.forkResizeCapable) {
+                this.sendAutoResizingMessageToIframe(this.forkIframe, true);
+            }
         }
         // If switching to side-by-side and there are queued forks but no current fork, activate one
         // This handles the case where user closed dialog without fulfilling fork, then switched modes
@@ -1033,18 +1061,18 @@ export class AdaptWebClient {
         if (this.forkDisplay.resizeToContent === enabled)
             return;
         this.forkDisplay = { ...this.forkDisplay, resizeToContent: enabled };
-        // Send autoResizing to fork iframe so it reports height
-        if (enabled) {
-            this.sendAutoResizingToForkIframe(true);
+        // Send autoResizing to fork iframe so it reports height (only if resize-capable)
+        if (enabled && this.forkResizeCapable) {
+            this.sendAutoResizingMessageToIframe(this.forkIframe, true);
         }
-        else {
+        else if (!enabled) {
             // Clear any custom dialog height
             if (this.dialogElement) {
                 this.dialogElement.style.height = "";
             }
             // If global autoResizing is off, tell fork to stop reporting
-            if (!this.autoResizing) {
-                this.sendAutoResizingToForkIframe(false);
+            if (!this.autoResizing && this.forkResizeCapable) {
+                this.sendAutoResizingMessageToIframe(this.forkIframe, false);
             }
         }
     }
@@ -1340,23 +1368,23 @@ export class AdaptWebClient {
             ttl: opts.ttl,
             mainUrl: this.mainUrl,
             mainToken: this.mainToken,
-            currentFork: this.currentFork
+            currentFork: this.currentFork && !this.currentFork.completed
                 ? {
                     url: this.currentFork.url,
                     token: this.currentFork.token,
                     fork: this.currentFork.fork,
                     depth: this.currentFork.depth,
                     time: this.currentFork.time,
-                    completed: this.currentFork.completed,
                 }
                 : null,
-            forkQueue: this.forkQueue.map((f) => ({
+            forkQueue: this.forkQueue
+                .filter((f) => !f.completed)
+                .map((f) => ({
                 url: f.url,
                 token: f.token,
                 fork: f.fork,
                 depth: f.depth,
                 time: f.time,
-                completed: f.completed,
             })),
             forkDisplayMode: this.forkDisplay.mode,
             splitPercentage: this.splitPercentage,
@@ -1418,8 +1446,8 @@ export class AdaptWebClient {
             : undefined;
         this.mainUrl = state.mainUrl;
         this.mainToken = state.mainToken;
-        this.forkQueue = state.forkQueue;
-        this.currentFork = state.currentFork;
+        this.forkQueue = state.forkQueue.filter((f) => !f.completed);
+        this.currentFork = state.currentFork?.completed ? null : state.currentFork;
         // Restore UI state if fork display mode is consistent with current options
         if (state.forkDisplayMode === this.forkDisplay.mode) {
             if (this.forkDisplay.mode === "side-by-side") {
@@ -1813,6 +1841,8 @@ export class AdaptWebClient {
         // Update iframe src if changed
         const newSrc = getIframeSrc(this.mainUrl, this.mainToken);
         if (this.mainIframe.src !== newSrc) {
+            this.mainResizeCapable = false;
+            this.mainIframe.style.height = "";
             this.mainIframe.src = newSrc;
         }
         // Show the iframe with fade-in
@@ -1826,6 +1856,11 @@ export class AdaptWebClient {
         if (!this.currentFork || !this.forkIframe)
             return;
         const newSrc = getIframeSrc(this.currentFork.url, this.currentFork.token);
+        // Reset resize tracking for new fork content
+        this.forkResizeCapable = false;
+        if (this.dialogElement) {
+            this.dialogElement.style.height = "";
+        }
         // Replace iframe to force a fresh load — browsers don't reload when only
         // the hash fragment changes (same plugin URL, different fork token).
         const parent = this.forkIframe.parentElement;
@@ -2219,15 +2254,15 @@ export class AdaptWebClient {
         const iframe = document.createElement("iframe");
         iframe.className = this.options.classNames?.iframe || "mb-adapt__iframe";
         iframe.setAttribute("sandbox", "allow-downloads allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox allow-forms allow-modals");
-        iframe.setAttribute("allow", "geolocation; camera; microphone; fullscreen; display-capture; web-share");
+        iframe.setAttribute("allow", "autoplay; geolocation; camera; microphone; fullscreen; display-capture; web-share");
         // Preload with blank page to initialize iframe and warm up browser resources
         iframe.src = "about:blank";
-        // Send state to iframe whenever it loads (handles src changes)
+        // Send dark mode to iframe whenever it loads (handles src changes)
+        // Don't send adapt-autoResizing here — wait for the plugin's adapt-init
         iframe.addEventListener("load", () => {
             // Only send messages to real URLs, not about:blank
             if (iframe.src && iframe.src !== "about:blank") {
                 this.sendDarkModeToIframe(iframe);
-                this.sendAutoResizingToIframe(iframe);
             }
         });
         return iframe;

package/dist/types/index.d.ts

@@ -27,6 +27,10 @@ export interface AdaptAutoResizingMessage {
     type: "adapt-autoResizing";
     autoResizing: boolean;
 }
+export interface AdaptInitMessage {
+    type: "adapt-init";
+    resize: boolean;
+}
 /**
  * Clear persisted session state for a given automation ID.
  * Use this to force a fresh session on next page load.
@@ -76,6 +80,8 @@ export declare class AdaptWebClient {
     private resizeObserver;
     private messageHandler;
     private backdropClickHandler;
+    private mainResizeCapable;
+    private forkResizeCapable;
     private darkMode;
     private autoResizing;
     private forkDisplay;
@@ -91,12 +97,7 @@ export declare class AdaptWebClient {
     private isValidMessageOrigin;
     private setupMessageListener;
     private sendDarkModeToIframe;
-    private sendAutoResizingToIframe;
-    /**
-     * Send autoResizing state specifically to the fork iframe.
-     * Used by setDialogResizeToContent to toggle height reporting independently.
-     */
-    private sendAutoResizingToForkIframe;
+    private sendAutoResizingMessageToIframe;
     /**
      * Set dark mode state and notify all iframes.
      */

package/dist/umd/adapt-web.js

@@ -7518,7 +7518,7 @@ var MbAdapt = (() => {
   // src/index.ts
   if (typeof window !== "undefined" && true && !window.CAP_CUSTOM_WASM_URL) {
     window.CAP_CUSTOM_WASM_URL = new URL(
-      "https://cdn.mochabug.com/adapt/web/1.0.1-rc.4/cap_wasm.js",
+      "https://cdn.mochabug.com/adapt/web/1.0.1-rc.6/cap_wasm.js",
       window.location.href
     ).href;
   }
@@ -8167,6 +8167,9 @@ cap-widget::part(attribution) {
       this.resizeObserver = null;
       this.messageHandler = null;
       this.backdropClickHandler = null;
+      // Per-iframe resize capability tracking (set when plugin sends adapt-init)
+      this.mainResizeCapable = false;
+      this.forkResizeCapable = false;
       this.destroyed = false;
       this.lastForkActive = null;
       // Status message element (stopped / error)
@@ -8257,27 +8260,70 @@ cap-widget::part(attribution) {
       this.messageHandler = (event) => {
         if (!this.isValidMessageOrigin(event.origin)) return;
         const data = event.data;
-        if (!data || typeof data !== "object" || data.type !== "adapt-resize")
-          return;
-        const { height } = data;
-        if (typeof height !== "number" || !Number.isFinite(height) || height < 1)
-          return;
+        if (!data || typeof data !== "object") return;
         const source = event.source;
-        if (this.mainIframe?.contentWindow === source) {
-          if (this.autoResizing) {
-            this.mainIframe.style.height = `${height}px`;
+        if (data.type === "adapt-init" && typeof data.resize === "boolean") {
+          const isMain = this.mainIframe?.contentWindow === source;
+          const isFork = this.forkIframe?.contentWindow === source;
+          if (isMain) {
+            this.mainResizeCapable = data.resize;
+            if (!data.resize && this.mainIframe) {
+              this.mainIframe.style.height = "";
+            }
+          } else if (isFork) {
+            this.forkResizeCapable = data.resize;
+            if (!data.resize && this.forkIframe) {
+              this.forkIframe.style.height = "";
+              if (this.dialogElement) {
+                this.dialogElement.style.height = "";
+              }
+            }
           }
-        } else if (this.forkIframe?.contentWindow === source) {
-          if (this.autoResizing) {
-            this.forkIframe.style.height = `${height}px`;
+          if (isMain || isFork) {
+            const iframe = isMain ? this.mainIframe : this.forkIframe;
+            const iframeSrc = iframe.src;
+            const targetOrigin = iframeSrc ? this.getOrigin(iframeSrc) : null;
+            if (targetOrigin) {
+              let effective = this.autoResizing && data.resize;
+              if (isFork && data.resize && this.forkDisplay.mode === "dialog" && this.forkDisplay.resizeToContent) {
+                effective = true;
+              }
+              try {
+                iframe.contentWindow?.postMessage(
+                  { type: "adapt-autoResizing", autoResizing: effective },
+                  targetOrigin
+                );
+                iframe.contentWindow?.postMessage(
+                  { type: "adapt-darkMode", darkMode: this.darkMode },
+                  targetOrigin
+                );
+              } catch {
+              }
+            }
           }
-          if (this.forkDisplay.mode === "dialog" && this.forkDisplay.resizeToContent && this.dialogElement && window.innerWidth > _AdaptWebClient.DIALOG_FULLSCREEN_BREAKPOINT) {
-            const toolbarHeight = this.forkToolbarElement?.offsetHeight ?? 36;
-            const padding = 24;
-            const border = 2;
-            const totalHeight = Math.ceil(height) + toolbarHeight + padding + border;
-            this.dialogElement.style.height = `clamp(300px, ${totalHeight}px, 90vh)`;
+          return;
+        }
+        if (data.type === "adapt-resize") {
+          const { height } = data;
+          if (typeof height !== "number" || !Number.isFinite(height) || height < 1)
+            return;
+          if (this.mainIframe?.contentWindow === source) {
+            if (this.mainResizeCapable && this.autoResizing) {
+              this.mainIframe.style.height = `${height}px`;
+            }
+          } else if (this.forkIframe?.contentWindow === source) {
+            if (this.forkResizeCapable && this.autoResizing) {
+              this.forkIframe.style.height = `${height}px`;
+            }
+            if (this.forkResizeCapable && this.forkDisplay.mode === "dialog" && this.forkDisplay.resizeToContent && this.dialogElement && window.innerWidth > _AdaptWebClient.DIALOG_FULLSCREEN_BREAKPOINT) {
+              const toolbarHeight = this.forkToolbarElement?.offsetHeight ?? 36;
+              const padding = 24;
+              const border = 2;
+              const totalHeight = Math.ceil(height) + toolbarHeight + padding + border;
+              this.dialogElement.style.height = `clamp(300px, ${totalHeight}px, 90vh)`;
+            }
           }
+          return;
         }
       };
       window.addEventListener("message", this.messageHandler);
@@ -8296,39 +8342,17 @@ cap-widget::part(attribution) {
       } catch {
       }
     }
-    sendAutoResizingToIframe(iframe) {
+    sendAutoResizingMessageToIframe(iframe, enabled) {
       if (!iframe) return;
       const iframeSrc = iframe.src;
       const targetOrigin = iframeSrc ? this.getOrigin(iframeSrc) : null;
       if (!targetOrigin) return;
-      let effective = this.autoResizing;
-      if (iframe === this.forkIframe && this.forkDisplay.mode === "dialog" && this.forkDisplay.resizeToContent) {
-        effective = true;
-      }
-      const message = {
-        type: "adapt-autoResizing",
-        autoResizing: effective
-      };
-      try {
-        iframe.contentWindow?.postMessage(message, targetOrigin);
-      } catch {
-      }
-    }
-    /**
-     * Send autoResizing state specifically to the fork iframe.
-     * Used by setDialogResizeToContent to toggle height reporting independently.
-     */
-    sendAutoResizingToForkIframe(enabled) {
-      if (!this.forkIframe) return;
-      const iframeSrc = this.forkIframe.src;
-      const targetOrigin = iframeSrc ? this.getOrigin(iframeSrc) : null;
-      if (!targetOrigin) return;
       const message = {
         type: "adapt-autoResizing",
         autoResizing: enabled
       };
       try {
-        this.forkIframe.contentWindow?.postMessage(message, targetOrigin);
+        iframe.contentWindow?.postMessage(message, targetOrigin);
       } catch {
       }
     }
@@ -8355,8 +8379,12 @@ cap-widget::part(attribution) {
     setAutoResizing(autoResizing) {
       if (this.autoResizing === autoResizing) return;
       this.autoResizing = autoResizing;
-      this.sendAutoResizingToIframe(this.mainIframe);
-      this.sendAutoResizingToIframe(this.forkIframe);
+      if (this.mainResizeCapable) {
+        this.sendAutoResizingMessageToIframe(this.mainIframe, autoResizing);
+      }
+      if (this.forkResizeCapable) {
+        this.sendAutoResizingMessageToIframe(this.forkIframe, autoResizing);
+      }
       if (!autoResizing) {
         if (this.mainIframe) this.mainIframe.style.height = "";
         if (this.forkIframe) this.forkIframe.style.height = "";
@@ -8414,8 +8442,12 @@ cap-widget::part(attribution) {
         this.showIframe(this.forkIframe);
       }
       if (this.autoResizing) {
-        this.sendAutoResizingToIframe(this.mainIframe);
-        this.sendAutoResizingToIframe(this.forkIframe);
+        if (this.mainResizeCapable) {
+          this.sendAutoResizingMessageToIframe(this.mainIframe, true);
+        }
+        if (this.forkResizeCapable) {
+          this.sendAutoResizingMessageToIframe(this.forkIframe, true);
+        }
       }
       if (mode === "side-by-side" && !this.currentFork && this.forkQueue.length > 0) {
         this.activateNextFork();
@@ -8451,14 +8483,14 @@ cap-widget::part(attribution) {
       if (this.forkDisplay.mode !== "dialog") return;
       if (this.forkDisplay.resizeToContent === enabled) return;
       this.forkDisplay = { ...this.forkDisplay, resizeToContent: enabled };
-      if (enabled) {
-        this.sendAutoResizingToForkIframe(true);
-      } else {
+      if (enabled && this.forkResizeCapable) {
+        this.sendAutoResizingMessageToIframe(this.forkIframe, true);
+      } else if (!enabled) {
         if (this.dialogElement) {
           this.dialogElement.style.height = "";
         }
-        if (!this.autoResizing) {
-          this.sendAutoResizingToForkIframe(false);
+        if (!this.autoResizing && this.forkResizeCapable) {
+          this.sendAutoResizingMessageToIframe(this.forkIframe, false);
         }
       }
     }
@@ -8699,21 +8731,19 @@ cap-widget::part(attribution) {
         ttl: opts.ttl,
         mainUrl: this.mainUrl,
         mainToken: this.mainToken,
-        currentFork: this.currentFork ? {
+        currentFork: this.currentFork && !this.currentFork.completed ? {
           url: this.currentFork.url,
           token: this.currentFork.token,
           fork: this.currentFork.fork,
           depth: this.currentFork.depth,
-          time: this.currentFork.time,
-          completed: this.currentFork.completed
+          time: this.currentFork.time
         } : null,
-        forkQueue: this.forkQueue.map((f) => ({
+        forkQueue: this.forkQueue.filter((f) => !f.completed).map((f) => ({
           url: f.url,
           token: f.token,
           fork: f.fork,
           depth: f.depth,
-          time: f.time,
-          completed: f.completed
+          time: f.time
         })),
         forkDisplayMode: this.forkDisplay.mode,
         splitPercentage: this.splitPercentage
@@ -8764,8 +8794,8 @@ cap-widget::part(attribution) {
       this.sessionExpiresAt = state.expiresAt ? new Date(state.expiresAt) : void 0;
       this.mainUrl = state.mainUrl;
       this.mainToken = state.mainToken;
-      this.forkQueue = state.forkQueue;
-      this.currentFork = state.currentFork;
+      this.forkQueue = state.forkQueue.filter((f) => !f.completed);
+      this.currentFork = state.currentFork?.completed ? null : state.currentFork;
       if (state.forkDisplayMode === this.forkDisplay.mode) {
         if (this.forkDisplay.mode === "side-by-side") {
           this.splitPercentage = state.splitPercentage;
@@ -9089,6 +9119,8 @@ cap-widget::part(attribution) {
       if (!this.rootElement || !this.mainUrl || !this.mainIframe) return;
       const newSrc = getIframeSrc(this.mainUrl, this.mainToken);
       if (this.mainIframe.src !== newSrc) {
+        this.mainResizeCapable = false;
+        this.mainIframe.style.height = "";
         this.mainIframe.src = newSrc;
       }
       this.showIframe(this.mainIframe);
@@ -9099,6 +9131,10 @@ cap-widget::part(attribution) {
     updateForkIframe() {
       if (!this.currentFork || !this.forkIframe) return;
       const newSrc = getIframeSrc(this.currentFork.url, this.currentFork.token);
+      this.forkResizeCapable = false;
+      if (this.dialogElement) {
+        this.dialogElement.style.height = "";
+      }
       const parent = this.forkIframe.parentElement;
       if (parent) {
         const fresh = this.createHiddenIframe();
@@ -9431,13 +9467,12 @@ cap-widget::part(attribution) {
       );
       iframe.setAttribute(
         "allow",
-        "geolocation; camera; microphone; fullscreen; display-capture; web-share"
+        "autoplay; geolocation; camera; microphone; fullscreen; display-capture; web-share"
       );
       iframe.src = "about:blank";
       iframe.addEventListener("load", () => {
         if (iframe.src && iframe.src !== "about:blank") {
           this.sendDarkModeToIframe(iframe);
-          this.sendAutoResizingToIframe(iframe);
         }
       });
       return iframe;