From b20a1107402309c6fd4eda72287bd87245438f5a Mon Sep 17 00:00:00 2001
From: roundaboutluke <z9xz5sxwc6@privaterelay.appleid.com>
Date: Thu, 18 Dec 2025 15:40:09 +0000
Subject: [PATCH 1/4] Refactor mobile menu to avoid Chrome scroll jank

---
 src/components/menus/MobileMenu.svelte | 30 +++++++++++++++++++-------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/src/components/menus/MobileMenu.svelte b/src/components/menus/MobileMenu.svelte
index 1b7eacf..1a25847 100644
--- a/src/components/menus/MobileMenu.svelte
+++ b/src/components/menus/MobileMenu.svelte
@@ -5,6 +5,18 @@
 	import CloseButton from '@/components/ui/CloseButton.svelte';
 	import * as m from '@/lib/paraglide/messages';
 	import { Drawer } from 'vaul-svelte';
+	import { onMount, onDestroy } from 'svelte';
+
+	let previousOverflow: string;
+
+	onMount(() => {
+		previousOverflow = document.body.style.overflow;
+		document.body.style.overflow = 'hidden';
+	});
+
+	onDestroy(() => {
+		document.body.style.overflow = previousOverflow;
+	});
 </script>
 
 <Drawer.Root
@@ -14,15 +26,17 @@
 >
 	<Drawer.Portal>
 		<Drawer.Content
-			class="after:h-0! duration-150! touch-auto! fixed z-10 w-full h-full overflow-y-scroll bottom-0 pointer-events-auto overscroll-contain"
-			style="{getOpenedMenu() === 'scout' ? 'height: fit-content !important;' : '' }; -webkit-overflow-scrolling: touch; touch-action: pan-y;"
+			class="absolute inset-0 z-10 pointer-events-none"
 		>
 			<div
-				class="pb-20 px-2 pt-2 mt-40 min-h-full rounded-t-xl border border-t-border bg-card/60 backdrop-blur-sm"
-				out:slide={{ duration: 70, axis: 'y' }}
+				class="h-[100dvh] w-full overflow-y-auto pointer-events-auto"
+				style="-webkit-overflow-scrolling: touch;"
 			>
-				<div class="sticky top-2 z-20">
-					<div class="w-full py-1 flex items-center justify-between bg-card/60 backdrop-blur-sm rounded-lg border border-border">
+				<div
+					class="pb-20 px-2 pt-2 mt-40 min-h-full rounded-t-xl border border-t-border bg-card/60 backdrop-blur-sm"
+					out:slide={{ duration: 70, axis: 'y' }}
+				>
+					<div class="w-full py-1 sticky top-2 flex items-center justify-between z-10 bg-card/60 backdrop-blur-sm rounded-lg border border-border">
 						<Drawer.Title
 							level="h1"
 							class="font-bold text-base tracking-tight mx-4"
@@ -34,9 +48,9 @@
 							class="mr-1 hover:bg-accent/90! active:bg-accent/90!"
 						/>
 					</div>
-				</div>
 
-				<MenuContainer />
+					<MenuContainer />
+				</div>
 			</div>
 		</Drawer.Content>
 	</Drawer.Portal>

From 632723031be4607c54e9eed246221fd3217513fb Mon Sep 17 00:00:00 2001
From: roundaboutluke <z9xz5sxwc6@privaterelay.appleid.com>
Date: Thu, 18 Dec 2025 17:41:09 +0000
Subject: [PATCH 2/4] Update MobileMenu height class for responsiveness

---
 src/components/menus/MobileMenu.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/menus/MobileMenu.svelte b/src/components/menus/MobileMenu.svelte
index 1a25847..154879d 100644
--- a/src/components/menus/MobileMenu.svelte
+++ b/src/components/menus/MobileMenu.svelte
@@ -29,7 +29,7 @@
 			class="absolute inset-0 z-10 pointer-events-none"
 		>
 			<div
-				class="h-[100dvh] w-full overflow-y-auto pointer-events-auto"
+				class="h-height w-full overflow-y-auto pointer-events-auto"
 				style="-webkit-overflow-scrolling: touch;"
 			>
 				<div

From b778528a80313826d5aac1442e0f57a59656b0aa Mon Sep 17 00:00:00 2001
From: Malte <42342921+ccev@users.noreply.github.com>
Date: Sat, 20 Dec 2025 01:11:20 +0100
Subject: [PATCH 3/4] fix weird offset

---
 src/components/menus/MobileMenu.svelte | 17 +++--------------
 1 file changed, 3 insertions(+), 14 deletions(-)

diff --git a/src/components/menus/MobileMenu.svelte b/src/components/menus/MobileMenu.svelte
index 154879d..ecffd18 100644
--- a/src/components/menus/MobileMenu.svelte
+++ b/src/components/menus/MobileMenu.svelte
@@ -6,17 +6,6 @@
 	import * as m from '@/lib/paraglide/messages';
 	import { Drawer } from 'vaul-svelte';
 	import { onMount, onDestroy } from 'svelte';
-
-	let previousOverflow: string;
-
-	onMount(() => {
-		previousOverflow = document.body.style.overflow;
-		document.body.style.overflow = 'hidden';
-	});
-
-	onDestroy(() => {
-		document.body.style.overflow = previousOverflow;
-	});
 </script>
 
 <Drawer.Root
@@ -26,14 +15,14 @@
 >
 	<Drawer.Portal>
 		<Drawer.Content
-			class="absolute inset-0 z-10 pointer-events-none"
+			class="absolute left-0 bottom-0 z-10 pointer-events-none h-full w-full"
 		>
 			<div
-				class="h-height w-full overflow-y-auto pointer-events-auto"
+				class="h-full overflow-y-auto"
 				style="-webkit-overflow-scrolling: touch;"
 			>
 				<div
-					class="pb-20 px-2 pt-2 mt-40 min-h-full rounded-t-xl border border-t-border bg-card/60 backdrop-blur-sm"
+					class="pb-20 px-2 pt-2 mt-40 min-h-full rounded-t-xl border border-t-border bg-card/60 backdrop-blur-sm pointer-events-auto "
 					out:slide={{ duration: 70, axis: 'y' }}
 				>
 					<div class="w-full py-1 sticky top-2 flex items-center justify-between z-10 bg-card/60 backdrop-blur-sm rounded-lg border border-border">

From f3b8b678270821398501b1b9ecf199b3444bda52 Mon Sep 17 00:00:00 2001
From: roundaboutluke <z9xz5sxwc6@privaterelay.appleid.com>
Date: Sat, 20 Dec 2025 00:49:43 +0000
Subject: [PATCH 4/4] =?UTF-8?q?put=20scout=20back=20=F0=9F=99=87=E2=80=8D?=
 =?UTF-8?q?=E2=99=82=EF=B8=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/menus/MobileMenu.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/menus/MobileMenu.svelte b/src/components/menus/MobileMenu.svelte
index ecffd18..6ef975b 100644
--- a/src/components/menus/MobileMenu.svelte
+++ b/src/components/menus/MobileMenu.svelte
@@ -16,13 +16,14 @@
 	<Drawer.Portal>
 		<Drawer.Content
 			class="absolute left-0 bottom-0 z-10 pointer-events-none h-full w-full"
+			style="{getOpenedMenu() === 'scout' ? 'height: fit-content !important;' : ''}"
 		>
 			<div
 				class="h-full overflow-y-auto"
 				style="-webkit-overflow-scrolling: touch;"
 			>
 				<div
-					class="pb-20 px-2 pt-2 mt-40 min-h-full rounded-t-xl border border-t-border bg-card/60 backdrop-blur-sm pointer-events-auto "
+					class="pb-20 px-2 pt-2 mt-40 min-h-full rounded-t-xl border border-t-border bg-card/60 backdrop-blur-sm pointer-events-auto"
 					out:slide={{ duration: 70, axis: 'y' }}
 				>
 					<div class="w-full py-1 sticky top-2 flex items-center justify-between z-10 bg-card/60 backdrop-blur-sm rounded-lg border border-border">