workaround for Webkit

vtbag · Jan 2, 2025 · 6fb7e14 · 6fb7e14
1 parent 47993dd
commit 6fb7e14
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/tame-roses-occur.md b/.changeset/tame-roses-occur.md
@@ -0,0 +1,5 @@
+---
+'@vtbag/cam-shaft': patch
+---
+
+Implements a workaround for a bug in Webkit where user agent animation have wrong names
diff --git a/src/index.ts b/src/index.ts
@@ -44,7 +44,10 @@ addEventListener('pagereveal', async (e) => {
 			document.documentElement,
 			`::view-transition-group(${vtn})`
 		);
-		const groupAnimationName = groupStyle.animationName;
+		let groupAnimationName = groupStyle.animationName;
+		if (groupAnimationName.startsWith('"')) {
+			groupAnimationName = groupAnimationName.slice(1, -1);
+		}
 		if (groupAnimationName === `-ua-view-transition-group-anim-${vtn}`) {
 			const ms = (s: string) => {
 				const res = parseFloat(s);