From 9390f88e6fa4cb8b3ef8164666dba2a675674e19 Mon Sep 17 00:00:00 2001
From: the3ash <24548223+the3ash@users.noreply.github.com>
Date: Mon, 2 Feb 2026 00:36:09 +0800
Subject: [PATCH] fix: use root transition to resolve safari scroll restoration
 issues

---
 src/components/layout/TransitionWrapper.astro | 11 ++++-------
 1 file changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/components/layout/TransitionWrapper.astro b/src/components/layout/TransitionWrapper.astro
index 5863793..513401e 100644
--- a/src/components/layout/TransitionWrapper.astro
+++ b/src/components/layout/TransitionWrapper.astro
@@ -3,11 +3,10 @@ import type { TransitionProps } from '@/types'
 
 type Props = TransitionProps
 
-const { type, class: className = '' } = Astro.props
-const transitionName = type === 'post' ? 'post-content' : 'page-content'
+const { class: className = '' } = Astro.props
 ---
 
-<div transition:name={transitionName} class={className} id="transition-wrapper">
+<div class={className} id="transition-wrapper">
   <slot />
 </div>
 
@@ -31,13 +30,11 @@ const transitionName = type === 'post' ? 'post-content' : 'page-content'
 <style is:inline>
   @supports (view-transition-name: none) {
     @media not (prefers-reduced-motion: reduce) {
-      ::view-transition-old(post-content),
-      ::view-transition-old(page-content) {
+      ::view-transition-old(root) {
         animation: fade-out 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
       }
 
-      ::view-transition-new(post-content),
-      ::view-transition-new(page-content) {
+      ::view-transition-new(root) {
         opacity: 0;
         animation: fade-in 0.4s ease 0.2s forwards;
         will-change: filter, opacity, transform;
-- 
2.51.2