Removes morph animations when setting transition:animate=none

withastro · Feb 27, 2024 · 8e861f0 · 8e861f0
1 parent 6bf102a
commit 8e861f0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/eight-shrimps-enjoy.md b/.changeset/eight-shrimps-enjoy.md
@@ -0,0 +1,5 @@
+---
+"astro": patch
+---
+
+Removes morph animation, too, when setting `transition:animate=none` for view transitions.
diff --git a/packages/astro/src/runtime/server/transition.ts b/packages/astro/src/runtime/server/transition.ts
@@ -107,6 +107,7 @@ export function renderTransition(
 		sheet.addFallback('old', 'animation: none; mix-blend-mode: normal;');
 		sheet.addModern('old', 'animation: none; opacity: 0; mix-blend-mode: normal;');
 		sheet.addAnimationRaw('new', 'animation: none; mix-blend-mode: normal;');
+		sheet.addModern('group', 'animation: none');
 	}
 
 	result._metadata.extraHead.push(markHTMLString(`<style>${sheet.toString()}</style>`));