From 8927d582881a91be1b0b09cf8f29120e74d81cb8 Mon Sep 17 00:00:00 2001
From: Jannis Braun <151788261+TheZwiss@users.noreply.github.com>
Date: Tue, 10 Mar 2026 00:35:40 +0100
Subject: [PATCH] fix: compute Move To flyout max-height dynamically from
 viewport space

---
 packages/web/src/components/voice/VoiceModContextMenu.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/components/voice/VoiceModContextMenu.tsx b/packages/web/src/components/voice/VoiceModContextMenu.tsx
index 1f4e7beb..11d410ac 100644
--- a/packages/web/src/components/voice/VoiceModContextMenu.tsx
+++ b/packages/web/src/components/voice/VoiceModContextMenu.tsx
@@ -149,6 +149,10 @@ function MoveToSubmenu({ channels, onMove, btnClass, btnStyle }: MoveToSubmenuPr
 
     flyout.style.left = `${left}px`;
     flyout.style.top = `${top}px`;
+
+    const availableHeight = window.innerHeight - top - 8;
+    const maxHeight = Math.max(availableHeight, 120);
+    flyout.style.maxHeight = `${maxHeight}px`;
   }, [open]);
 
   return (
@@ -170,7 +174,7 @@ function MoveToSubmenu({ channels, onMove, btnClass, btnStyle }: MoveToSubmenuPr
       {open && ReactDOM.createPortal(
         <div
           ref={flyoutRef}
-          className="fixed z-[210] bg-surface-elevated rounded-md shadow-elevation-high py-1.5 min-w-[160px] max-h-[240px] overflow-y-auto scrollbar-thin animate-fade-in"
+          className="fixed z-[210] bg-surface-elevated rounded-md shadow-elevation-high py-1.5 min-w-[160px] overflow-y-auto scrollbar-thin animate-fade-in"
           style={{ left: -9999, top: -9999 }}
           onMouseEnter={cancelCloseTimer}
           onMouseLeave={startCloseTimer}