Fix animations on pseudo-elements not pausing when replayer is paused (#776)

2021-12-22 05:18:39 -08:00
parent d7c37d9838
commit 0439967789
1 changed files with 1 additions and 1 deletions
--- a/packages/rrweb/src/replay/index.ts
+++ b/packages/rrweb/src/replay/index.ts
@@ -690,7 +690,7 @@ export class Replayer {
    ).concat(this.config.insertStyleRules);
    if (this.config.pauseAnimation) {
      injectStylesRules.push(
-        'html.rrweb-paused * { animation-play-state: paused !important; }',
+        'html.rrweb-paused *, html.rrweb-paused *:before, html.rrweb-paused *:after { animation-play-state: paused !important; }',
      );
    }
    for (let idx = 0; idx < injectStylesRules.length; idx++) {