RomanNum3ral
/
vert
mirror of https://github.com/VERT-sh/VERT.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix: dropdown scrolling with browser 

oops
This commit is contained in:
Maya 2026-03-25 13:04:01 +03:00
parent 10b5edad39
commit 5241b2c117
No known key found for this signature in database
1 changed files with 8 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/components/functional/Dropdown.svelte
View File

@ -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);
};