From 3c230d23962c7ac848f8129c7cb90d66766fe9ee Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Mon, 10 Oct 2022 05:53:13 +0200
Subject: [PATCH] Set floating shift value to fit area occupied by box-shadow
 (#2116)

* Set floating shift value to fit area occupied by box-shadow

* Disable shift on Select dropdown
---
 ts/components/Select.svelte       | 1 +
 ts/components/WithFloating.svelte | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ts/components/Select.svelte b/ts/components/Select.svelte
index cfcee6df4..f505ef7c1 100644
--- a/ts/components/Select.svelte
+++ b/ts/components/Select.svelte
@@ -28,6 +28,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     show={showFloating}
     placement="bottom"
     offset={0}
+    shift={0}
     hideArrow
     inline
     closeOnInsideClick
diff --git a/ts/components/WithFloating.svelte b/ts/components/WithFloating.svelte
index b3a70413f..6e9d21db4 100644
--- a/ts/components/WithFloating.svelte
+++ b/ts/components/WithFloating.svelte
@@ -29,7 +29,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     export let placement: Placement | Placement[] | "auto" = "bottom";
     export let offset = 5;
-    export let shift = 5;
+    /* 30px box shadow from elevation(8) */
+    export let shift = 30;
     export let inline = false;
     export let hideIfEscaped = false;
     export let hideIfReferenceHidden = false;