@posthog/rrweb-record 0.0.32 → 0.0.34

package/dist/rrweb-record.cjs

@@ -881,6 +881,7 @@ function hrefFrom(n2) {
   return n2.href;
 }
 function serializeElementNode(n2, options) {
+  var _a2, _b;
   const {
     doc,
     blockClass,
@@ -1054,11 +1055,13 @@ function serializeElementNode(n2, options) {
     }
   }
   if (needBlock) {
-    const { width, height } = n2.getBoundingClientRect();
+    const { width, height, left, top } = n2.getBoundingClientRect();
     attributes = {
       class: attributes.class,
       rr_width: `${width}px`,
-      rr_height: `${height}px`
+      rr_height: `${height}px`,
+      rr_left: `${Math.floor(left + (((_a2 = doc.defaultView) == null ? void 0 : _a2.scrollX) || 0))}px`,
+      rr_top: `${Math.floor(top + (((_b = doc.defaultView) == null ? void 0 : _b.scrollY) || 0))}px`
     };
   }
   if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
@@ -11503,6 +11506,7 @@ class IframeManager {
     __publicField(this, "recordCrossOriginIframes");
     __publicField(this, "messageHandler");
     __publicField(this, "nestedIframeListeners", /* @__PURE__ */ new Map());
+    __publicField(this, "attachedIframes", /* @__PURE__ */ new Map());
     this.mutationCb = options.mutationCb;
     this.wrappedEmit = options.wrappedEmit;
     this.stylesheetManager = options.stylesheetManager;
@@ -11531,6 +11535,7 @@ class IframeManager {
   }
   attachIframe(iframeEl, childSn) {
     var _a2;
+    this.attachedIframes.set(iframeEl, childSn);
     this.mutationCb({
       adds: [
         {
@@ -11586,6 +11591,7 @@ class IframeManager {
         const rootId = e2.data.node.id;
         this.crossOriginIframeRootIdMap.set(iframeEl, rootId);
         this.patchRootIdOnNode(e2.data.node, rootId);
+        this.attachedIframes.set(iframeEl, e2.data.node);
         return {
           timestamp: e2.timestamp,
           type: EventType.IncrementalSnapshot,
@@ -11728,6 +11734,32 @@ class IframeManager {
       });
     }
   }
+  reattachIframes() {
+    this.attachedIframes.forEach((content, iframe) => {
+      if (!iframe.isConnected) {
+        this.attachedIframes.delete(iframe);
+        return;
+      }
+      const parentId = this.mirror.getId(iframe);
+      if (parentId === -1) {
+        this.attachedIframes.delete(iframe);
+        return;
+      }
+      this.mutationCb({
+        adds: [
+          {
+            parentId,
+            nextId: null,
+            node: content
+          }
+        ],
+        removes: [],
+        texts: [],
+        attributes: [],
+        isAttachIframe: true
+      });
+    });
+  }
   destroy() {
     if (this.recordCrossOriginIframes) {
       window.removeEventListener("message", this.messageHandler);
@@ -11738,6 +11770,7 @@ class IframeManager {
     this.nestedIframeListeners.clear();
     this.crossOriginIframeMirror.reset();
     this.crossOriginIframeStyleMirror.reset();
+    this.attachedIframes.clear();
   }
 }
 class ShadowDomManager {
@@ -12820,6 +12853,9 @@ function record(options = {}) {
       isCheckout
     );
     mutationBuffers.forEach((buf) => buf.unlock());
+    if (recordCrossOriginIframes) {
+      iframeManager.reattachIframes();
+    }
     if (document.adoptedStyleSheets && document.adoptedStyleSheets.length > 0)
       stylesheetManager.adoptStyleSheets(
         document.adoptedStyleSheets,