@posthog/rrweb 0.0.32 → 0.0.34

package/dist/rrweb.umd.cjs

@@ -938,6 +938,7 @@ function hrefFrom(n2) {
   return n2.href;
 }
 function serializeElementNode(n2, options) {
+  var _a2, _b;
   const {
     doc,
     blockClass,
@@ -1111,11 +1112,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)) {
@@ -5617,6 +5620,12 @@ function buildNode(n2, options) {
           node2.style.setProperty("width", value.toString());
         } else if (name === "rr_height") {
           node2.style.setProperty("height", value.toString());
+        } else if (name === "rr_left") {
+          node2.style.setProperty("left", value.toString());
+          node2.style.setProperty("position", "absolute");
+        } else if (name === "rr_top") {
+          node2.style.setProperty("top", value.toString());
+          node2.style.setProperty("position", "absolute");
         } else if (name === "rr_mediaCurrentTime" && typeof value === "number") {
           node2.currentTime = value;
         } else if (name === "rr_mediaState") {
@@ -13400,6 +13409,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;
@@ -13428,6 +13438,7 @@ class IframeManager {
   }
   attachIframe(iframeEl, childSn) {
     var _a2;
+    this.attachedIframes.set(iframeEl, childSn);
     this.mutationCb({
       adds: [
         {
@@ -13483,6 +13494,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,
@@ -13625,6 +13637,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);
@@ -13635,6 +13673,7 @@ class IframeManager {
     this.nestedIframeListeners.clear();
     this.crossOriginIframeMirror.reset();
     this.crossOriginIframeStyleMirror.reset();
+    this.attachedIframes.clear();
   }
 }
 class ShadowDomManager {
@@ -14730,6 +14769,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,