From b502ceedca090f3c4ea8cb1fbe4595b699af2399 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Wed, 15 Sep 2021 22:26:32 +0200
Subject: [PATCH] Make the ImageHandle and MathjaxHandle dropdowns perfectly
 touch the HandleSelection

---
 ts/components/WithDropdown.svelte | 4 ++++
 ts/editor/ImageHandle.svelte      | 1 +
 ts/editor/MathjaxHandle.svelte    | 3 +--
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ts/components/WithDropdown.svelte b/ts/components/WithDropdown.svelte
index 0fc5ef484..2ffbc8bb0 100644
--- a/ts/components/WithDropdown.svelte
+++ b/ts/components/WithDropdown.svelte
@@ -46,6 +46,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     $: dropClass = `drop${drop}`;
 
+    export let skidding = 0;
+    export let distance = 2;
+
     setContext(dropdownKey, {
         dropdown: true,
         "data-bs-toggle": "dropdown",
@@ -72,6 +75,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
         dropdown = new Dropdown(toggle, {
             autoClose,
+            offset: [skidding, distance],
             popperConfig: { placement },
         } as any);
 
diff --git a/ts/editor/ImageHandle.svelte b/ts/editor/ImageHandle.svelte
index d91164b80..5f3528945 100644
--- a/ts/editor/ImageHandle.svelte
+++ b/ts/editor/ImageHandle.svelte
@@ -138,6 +138,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         drop="down"
         autoOpen={true}
         autoClose={false}
+        distance={3}
         let:createDropdown
         let:dropdownObject
     >
diff --git a/ts/editor/MathjaxHandle.svelte b/ts/editor/MathjaxHandle.svelte
index d7fb737b1..a002981a9 100644
--- a/ts/editor/MathjaxHandle.svelte
+++ b/ts/editor/MathjaxHandle.svelte
@@ -3,8 +3,6 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
-    import { tick } from "svelte";
-
     import WithDropdown from "components/WithDropdown.svelte";
     import ButtonToolbar from "components/ButtonToolbar.svelte";
     import DropdownMenu from "components/DropdownMenu.svelte";
@@ -60,6 +58,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     drop="down"
     autoOpen={true}
     autoClose={false}
+    distance={4}
     let:createDropdown
     let:dropdownObject
 >