From d8a1af0c9edc8b348005484928feba8cabbef49a Mon Sep 17 00:00:00 2001
From: "alexei.dolgolyov" <dolgolyov.alexei@gmail.com>
Date: Sun, 22 Mar 2026 20:55:19 +0300
Subject: [PATCH] fix: remove all transform from stagger/fade animations
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Any transform (even transform:none) in animation keyframes with
fill-mode creates a containing block that traps position:fixed
overlays. Removed transform entirely — fade-in only with opacity.
---
 frontend/src/app.css | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app.css b/frontend/src/app.css
index 456c8fe..925eb5a 100644
--- a/frontend/src/app.css
+++ b/frontend/src/app.css
@@ -132,8 +132,8 @@ a:focus-visible {
 
 /* Animations */
 @keyframes fadeSlideIn {
-	from { opacity: 0; translate: 0 12px; }
-	to { opacity: 1; translate: none; }
+	from { opacity: 0; }
+	to { opacity: 1; }
 }
 
 @keyframes shimmer {
@@ -147,12 +147,12 @@ a:focus-visible {
 }
 
 @keyframes countUp {
-	from { opacity: 0; transform: translateY(8px); }
-	to { opacity: 1; transform: translateY(0); }
+	from { opacity: 0; }
+	to { opacity: 1; }
 }
 
 .animate-fade-slide-in {
-	animation: fadeSlideIn 0.4s ease-out both;
+	animation: fadeSlideIn 0.4s ease-out forwards;
 }
 
 .animate-shimmer {
@@ -171,7 +171,7 @@ a:focus-visible {
 
 /* Stagger children utility */
 .stagger-children > * {
-	animation: fadeSlideIn 0.4s ease-out both;
+	animation: fadeSlideIn 0.4s ease-out forwards;
 }
 .stagger-children > *:nth-child(1) { animation-delay: 0ms; }
 .stagger-children > *:nth-child(2) { animation-delay: 60ms; }