teipattu mobile menu scrollaus takas. syypää on blockscroll.tsx ja tää teippaa sen

2025-09-10 22:21:30 +03:00
parent 45dc2ed3b8
commit dc1d641c17
1 changed files with 7 additions and 0 deletions
@@ -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%);