From dc1d641c1727de3c184db76675d5424cc9a1f1fd Mon Sep 17 00:00:00 2001
From: jadera <jadera@proton.me>
Date: Wed, 10 Sep 2025 22:21:30 +0300
Subject: [PATCH] =?UTF-8?q?teipattu=20mobile=20menu=20scrollaus=20takas.?=
 =?UTF-8?q?=20syyp=C3=A4=C3=A4=20on=20blockscroll.tsx=20ja=20t=C3=A4=C3=A4?=
 =?UTF-8?q?=20teippaa=20sen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Header.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 477985b..634d11f 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -26,6 +26,13 @@ const Sticky = styled.div<{ $isHidden?: boolean; $mobileMenuOpen?: boolean }>`
   transition: all 200ms ease-out;
   height: ${(p) => (p.$mobileMenuOpen ? "100vh" : "unset")};
 
+  /* tape to allow mobile dropdown menu scrolling */
+  @media screen and (max-width: ${breakpoints.mobile}) {
+    overflow-y: ${(p) => (p.$mobileMenuOpen ? "auto" : "visible")};
+    overflow-x: hidden;
+    -webkit-overflow-scrolling: touch; /* apparently some ios optimization for smoother scrolin' */
+  }
+
   ${(p) => (p.$isHidden ? (`
     transition: all 200ms ease-in;
     transform: translateY(-100%);