Merge pull request #48 from pvdthings/fix-chooser-body-scroll

Prevent body scrolling when chooser (mobile) is open

src/lib/components/Chooser/Chooser.svelte

@@ -9,13 +9,20 @@
 
 	let chosenOption = options[0];
 	let dropdownHidden = true;
+	let innerWidth: number;
 
 	$: isEnglish = $locale === 'en';
 
 	const dispatch = createEventDispatcher();
 
 	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