From c30724c5da5677f700ddb3878b1d5c3a5fbab110 Mon Sep 17 00:00:00 2001 From: Jan Prochazka Date: Sat, 24 Apr 2021 11:53:13 +0200 Subject: [PATCH] #94 fixed dropdown menu placement in small window --- packages/web/src/modals/DropDownMenu.svelte | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/packages/web/src/modals/DropDownMenu.svelte b/packages/web/src/modals/DropDownMenu.svelte index 6227ec72c..efce406ae 100644 --- a/packages/web/src/modals/DropDownMenu.svelte +++ b/packages/web/src/modals/DropDownMenu.svelte @@ -16,9 +16,17 @@ if (offset.left + width > window.innerWidth) { newLeft = offset.left - width; + + if (newLeft < 0) newLeft = 0; } + if (offset.top + height > window.innerHeight) { newTop = offset.top - height; + + if (newTop < 0) newTop = 0; + if (newTop + height > window.innerHeight) { + element.style.height = `${window.innerHeight - newTop}px`; + } } if (newLeft != null) element.style.left = `${newLeft}px`; @@ -115,6 +123,7 @@ z-index: 1050; cursor: default; white-space: nowrap; + overflow-y: auto; } .keyText {