From f121443e52883881aa05aa0e8466f6fb9c7768ba Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Thu, 21 May 2026 17:59:40 +0300
Subject: [PATCH] fix: add footer z index in transition group to stay above
 main content during transitions

---
 src/shared/styles/theme.css             | 9 +++++++++
 src/widgets/Footer/ui/Footer/Footer.tsx | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/shared/styles/theme.css b/src/shared/styles/theme.css
index eec0d96..e6645ca 100644
--- a/src/shared/styles/theme.css
+++ b/src/shared/styles/theme.css
@@ -411,3 +411,12 @@
     transform: translateX(0) scale(1);
   }
 }
+
+/* Keep footer above sliding section-body during view transitions */
+.footer-vt {
+  view-transition-name: site-footer;
+}
+
+::view-transition-group(site-footer) {
+  z-index: 10;
+}
diff --git a/src/widgets/Footer/ui/Footer/Footer.tsx b/src/widgets/Footer/ui/Footer/Footer.tsx
index 4c484a3..6f78a05 100644
--- a/src/widgets/Footer/ui/Footer/Footer.tsx
+++ b/src/widgets/Footer/ui/Footer/Footer.tsx
@@ -19,7 +19,7 @@ export async function Footer() {
   const socials = contacts?.expand?.socials ?? [];
 
   return (
-    <footer className="fixed bottom-0 left-0 right-0 z-50 h-footer md:h-footer-wide brutal-border-top bg-background px-4 sm:px-8 lg:px-16 flex items-center">
+    <footer className="footer-vt fixed bottom-0 left-0 right-0 z-50 h-footer md:h-footer-wide brutal-border-top bg-background px-4 sm:px-8 lg:px-16 flex items-center">
       <div className="w-full flex flex-row justify-between gap-4">
         <div className="flex flex-wrap items-center gap-6 sm:gap-4">
           {email && (