xuguopeng/rrweb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix https://github.com/rrweb-io/rrweb/issues/395

Browse Source
This commit is contained in:
Yanzhen Yu
2026-04-01 12:00:00 +08:00
parent e65160697b
commit c7966070ef
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/snapshot.ts
View File

@@ -309,8 +309,11 @@ function serializeNode(
} }
if (needBlock) { if (needBlock) {
const { width, height } = (n as HTMLElement).getBoundingClientRect(); const { width, height } = (n as HTMLElement).getBoundingClientRect();
attributes.rr_width = `${width}px`; attributes = {
attributes.rr_height = `${height}px`; class: attributes.class,
rr_width: `${width}px`,
rr_height: `${height}px`,
};
} }
return { return {
type: NodeType.Element, type: NodeType.Element,

2
test/__snapshots__/integration.ts.snap
View File

@@ -70,7 +70,7 @@ exports[`[html file]: block-element.html 1`] = `
<div class=\\"rr-block big\\" style=\\"width: 50px; height: 50px;\\"></div> <div class=\\"rr-block big\\" style=\\"width: 50px; height: 50px;\\"></div>
<div>record 2</div> <div>record 2</div>
<div class=\\"rr-block small\\" style=\\"width: 50px; height: 100px;\\"></div> <div class=\\"rr-block small\\" style=\\"width: 50px; height: 100px;\\"></div>
<div class=\\"rr-block\\" style=\\"height: 200px; width: 100px\\"></div> <div class=\\"rr-block\\" style=\\"width: 100px; height: 200px;\\"></div>
</body></html>" </body></html>"
`; `;