From 5241b2c1176338121658fd69776a1585b87dbeed Mon Sep 17 00:00:00 2001
From: Maya <jovannmc@femboyfurry.net>
Date: Wed, 25 Mar 2026 13:04:01 +0300
Subject: [PATCH] fix: dropdown scrolling with browser

oops
---
 src/lib/components/functional/Dropdown.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/lib/components/functional/Dropdown.svelte b/src/lib/components/functional/Dropdown.svelte
index 5d44f0d..08bd256 100644
--- a/src/lib/components/functional/Dropdown.svelte
+++ b/src/lib/components/functional/Dropdown.svelte
@@ -27,6 +27,7 @@
 	let button = $state<HTMLButtonElement>();
 	let clickHandler: ((e: MouseEvent) => void) | null = null;
 	let resizeHandler: (() => void) | null = null;
+	let scrollHandler: (() => void) | null = null;
 
 	const getValue = (option: string | { value: string; label: string }) =>
 		typeof option === "string" ? option : option.value;
@@ -80,7 +81,12 @@
 	$effect(() => {
 		if (open && menuElement && button) {
 			resizeHandler = updateMenuPosition;
+			scrollHandler = updateMenuPosition;
 			window.addEventListener("resize", resizeHandler);
+			window.addEventListener("scroll", scrollHandler, {
+				capture: true,
+				passive: true,
+			});
 			document.body.appendChild(menuElement);
 			menuElement.style.position = "fixed";
 			updateMenuPosition();
@@ -89,6 +95,8 @@
 			return () => {
 				if (resizeHandler)
 					window.removeEventListener("resize", resizeHandler);
+				if (scrollHandler)
+					window.removeEventListener("scroll", scrollHandler, true);
 				if (menuElement?.parentNode === document.body)
 					document.body.removeChild(menuElement);
 			};