enable rrweb handle special situations of LWC library

rrweb-io · Nov 3, 2023 · 1d34471 · 1d34471
1 parent 1fe39ab
commit 1d34471
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/rrweb-snapshot/src/snapshot.ts b/packages/rrweb-snapshot/src/snapshot.ts
@@ -1069,7 +1069,15 @@ export function serializeNodeWithId(
       stylesheetLoadTimeout,
       keepIframeSrcFn,
     };
-    for (const childN of Array.from(n.childNodes)) {
+    let childNodes = Array.from(n.childNodes) as Node[];
+    childNodes = childNodes.filter(
+      // filter out nodes that are assigned to a slot other places.
+      (childN) => !(childN as HTMLElement).assignedSlot,
+    );
+    if (n instanceof HTMLSlotElement)
+      // add nodes that are assigned to this slot and treat them as normal children.
+      childNodes = childNodes.concat(Array.from(n.assignedNodes()));
+    for (const childN of Array.from(childNodes)) {
       const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
       if (serializedChildNode) {
         serializedNode.childNodes.push(serializedChildNode);