From 4abaa6f89249f6ce4a230afa6f31bb74795972a3 Mon Sep 17 00:00:00 2001 From: Ronni Skansing Date: Sun, 31 Aug 2025 15:08:14 +0200 Subject: [PATCH] fix menu position above Signed-off-by: Ronni Skansing --- .../components/table/TableDropDownEllipsis.svelte | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/frontend/src/lib/components/table/TableDropDownEllipsis.svelte b/frontend/src/lib/components/table/TableDropDownEllipsis.svelte index 5ae2aff..59565b2 100644 --- a/frontend/src/lib/components/table/TableDropDownEllipsis.svelte +++ b/frontend/src/lib/components/table/TableDropDownEllipsis.svelte @@ -62,10 +62,15 @@ menuX = pageX - 192; if (shouldShowAbove) { - // for above positioning, use button position to avoid large gaps - const buttonRect = buttonRef.getBoundingClientRect(); - const buttonPageY = buttonRect.top + window.scrollY; - menuY = buttonPageY - optimalHeight - gap; + // calculate actual menu height by temporarily showing it + menuRef.style.visibility = 'hidden'; + menuRef.style.display = 'block'; + const actualMenuHeight = menuRef.scrollHeight; + menuRef.style.display = ''; + menuRef.style.visibility = ''; + + // position above by moving up by the actual menu height + menuY = pageY - actualMenuHeight - gap; } else { // for below positioning, use original click/button position menuY = pageY + gap;