enable to record newly added shadow dom

rrweb-io · Feb 7, 2022 · cf7c0ad · cf7c0ad
1 parent 8b25cc9
commit cf7c0ad
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/packages/rrweb-snapshot/src/rebuild.ts b/packages/rrweb-snapshot/src/rebuild.ts
@@ -215,7 +215,10 @@ function buildNode(
               n.attributes.rr_dataURL
             ) {
               // backup original img srcset
-              node.setAttribute('rrweb-original-srcset', n.attributes.srcset as string);
+              node.setAttribute(
+                'rrweb-original-srcset',
+                n.attributes.srcset as string,
+              );
             } else {
               node.setAttribute(name, value);
             }
@@ -367,7 +370,7 @@ export function buildNodeWithSN(
 
   if (
     (n.type === NodeType.Document || n.type === NodeType.Element) &&
-    !skipChild
+    (!skipChild || n.isShadowHost)
   ) {
     for (const childN of n.childNodes) {
       const childNode = buildNodeWithSN(childN, {

diff --git a/packages/rrweb-snapshot/src/snapshot.ts b/packages/rrweb-snapshot/src/snapshot.ts
@@ -902,7 +902,12 @@ export function serializeNodeWithId(
   ) {
     serializedNode.isShadowHost = true;
     for (const childN of Array.from(n.shadowRoot.childNodes)) {
-      const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+      const serializedChildNode = serializeNodeWithId(
+        childN,
+        Object.assign(bypassOptions, {
+          skipChild: false,
+        }),
+      );
       if (serializedChildNode) {
         serializedChildNode.isShadow = true;
         serializedNode.childNodes.push(serializedChildNode);