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

pomber · web-flow · commit e79de05a298c · 2024-10-02T16:11:58.000+02:00
Fix color measurement in token-transitions
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

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"codehike": patch
 +---
++
 +Fix color measurement in token-transitions
Original file line number	Diff line number	Diff line change
`@@ -241,6 +241,7 @@ function toSnapshotElement(el: HTMLElement): SnapshotElement {`
`241`	`241`	`y += p.offsetTop`
`242`	`242`	`p = p.offsetParent`
`243`	`243`	`}`
	`244`	`+ el?.getAnimations().forEach((a) => a.cancel())`
`244`	`245`	`const style = window.getComputedStyle(el)`
`245`	`246`	`const color = style.color`
`246`	`247`	`const content = el.textContent`