From f39068fe0bf20077aa0d3fb1a26b016f415e4099 Mon Sep 17 00:00:00 2001
From: Dillon Fagan <dillonfagan@pm.me>
Date: Tue, 22 Aug 2023 18:59:36 -0400
Subject: [PATCH] Prevent body scrolling when chooser (mobile) is open

---
 src/lib/components/Chooser/Chooser.svelte | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/Chooser/Chooser.svelte b/src/lib/components/Chooser/Chooser.svelte
index 3032566..fd99008 100644
--- a/src/lib/components/Chooser/Chooser.svelte
+++ b/src/lib/components/Chooser/Chooser.svelte
@@ -9,6 +9,7 @@
 
 	let chosenOption = options[0];
 	let dropdownHidden = true;
+	let innerWidth: number;
 
 	$: isEnglish = $locale === 'en';
 
@@ -16,6 +17,12 @@
 
 	const toggleDropdown = () => {
 		dropdownHidden = !dropdownHidden;
+
+		if (innerWidth < 768) {
+			document.body.classList.toggle('overflow-hidden');
+		} else {
+			document.body.classList.remove('overflow-hidden');
+		}
 	};
 
 	const optionChosen = (option) => {
@@ -25,7 +32,7 @@
 	};
 </script>
 
-<svelte:window on:click={() => (dropdownHidden = true)} />
+<svelte:window bind:innerWidth on:click={() => (dropdownHidden = true)} />
 
 <div class="relative h-11" on:click|stopPropagation={() => {}} on:keypress={() => {}}>
 	<button