From 005c3d90d543ce0eddd680f8a6f4d24ea07b5c33 Mon Sep 17 00:00:00 2001
From: John Pham <johnphammail@gmail.com>
Date: Wed, 1 Apr 2026 12:00:00 +0800
Subject: [PATCH] Fix animations on pseudo-elements not pausing when replayer
 is paused (#776)

---
 packages/rrweb/src/replay/index.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/rrweb/src/replay/index.ts b/packages/rrweb/src/replay/index.ts
index 59a7009c..8e4b56d2 100644
--- 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++) {