Merge pull request #463 from code-hike/cancel-animations

Fix color measurement in token-transitions
code-hike · Oct 2, 2024 · e79de05 · e79de05
2 parents 496d34c + 70f8de6
commit e79de05
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/wild-tables-fail.md b/.changeset/wild-tables-fail.md
@@ -0,0 +1,5 @@
+---
+"codehike": patch
+---
+
+Fix color measurement in token-transitions
diff --git a/packages/codehike/src/utils/token-transitions.tsx b/packages/codehike/src/utils/token-transitions.tsx
@@ -241,6 +241,7 @@ function toSnapshotElement(el: HTMLElement): SnapshotElement {
     y += p.offsetTop
     p = p.offsetParent
   }
+  el?.getAnimations().forEach((a) => a.cancel())
   const style = window.getComputedStyle(el)
   const color = style.color
   const content = el.textContent