fix: some nested cross-origin iframes can't be recorded

rrweb-io · Nov 13, 2023 · b8c367b · b8c367b
1 parent 8aea5b0
commit b8c367b
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/.changeset/purple-carrots-film.md b/.changeset/purple-carrots-film.md
@@ -0,0 +1,5 @@
+---
+'rrweb': patch
+---
+
+Fix: some nested cross-origin iframes can't be recorded
diff --git a/packages/rrweb/src/record/iframe-manager.ts b/packages/rrweb/src/record/iframe-manager.ts
@@ -70,6 +70,14 @@ export class IframeManager {
       attributes: [],
       isAttachIframe: true,
     });
+
+    // Listen for messages from cross-origin IFrames that are nested in this iframe.
+    if (this.recordCrossOriginIframes)
+      iframeEl.contentWindow?.addEventListener(
+        'message',
+        this.handleMessage.bind(this),
+      );
+
     this.loadListener?.(iframeEl);
 
     if (