fix(+layout): disable mobile browsers to pull-to-refresh functionality

hotosm · Nov 13, 2024 · 7ad7eff · 7ad7eff
1 parent bf7dda2
commit 7ad7eff
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/mapper/src/routes/+layout.svelte b/src/mapper/src/routes/+layout.svelte
@@ -7,10 +7,20 @@
 	setBasePath('/mapnow');
 
 	let { data, children } = $props();
+
+	document.addEventListener(
+		'touchstart',
+		(e) => {
+			if (window.scrollY === 0) {
+				e.preventDefault(); // Prevents mobile browsers from pull-to-refresh
+			}
+		},
+		{ passive: false },
+	);
 </script>
 
 <main class="flex flex-col h-screen overflow-hidden">
 	<hot-header></hot-header>
 	<Toast />
-	{@render children?.({ data, })}
+	{@render children?.({ data })}
 </main>