From 3869db8c86347bfd57dfd064b43810973b8284ed Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Thu, 24 Jun 2021 20:55:47 +0200
Subject: [PATCH] Connect Bootstrap dropdown with trigger via classes/props

---
 ts/editor/TagAutocomplete.svelte | 10 +++++-----
 ts/editor/TagInput.svelte        |  9 ++++++++-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/ts/editor/TagAutocomplete.svelte b/ts/editor/TagAutocomplete.svelte
index d29a96211..b64c987a8 100644
--- a/ts/editor/TagAutocomplete.svelte
+++ b/ts/editor/TagAutocomplete.svelte
@@ -51,7 +51,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 </script>
 
-<div bind:this={menu} class="dropdown dropdown-reverse" on:keydown={onKeydown}>
+<div bind:this={menu} class="dropup dropdown-reverse" on:keydown={onKeydown}>
     <slot {triggerId} {triggerClass} {dropdown} />
 
     <DropdownMenu labelledby={triggerId}>
@@ -62,8 +62,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </div>
 
 <style lang="scss">
-    .dropdown-reverse :global(.dropdown-menu) {
-        display: flex;
-        flex-direction: column-reverse;
-    }
+    /* .dropdown-reverse :global(.dropdown-menu) { */
+    /*     display: flex; */
+    /*     flex-direction: column-reverse; */
+    /* } */
 </style>
diff --git a/ts/editor/TagInput.svelte b/ts/editor/TagInput.svelte
index 2a587f0a5..73b7436ef 100644
--- a/ts/editor/TagInput.svelte
+++ b/ts/editor/TagInput.svelte
@@ -70,7 +70,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     on:nameChosen={setTagname}
     on:accept={onAccept}
 >
-    <label id={triggerId} class={`ps-2 pe-1 ${triggerClass}`} data-value={name}>
+    <label
+        id={triggerId}
+        class={`ps-2 pe-1 ${triggerClass}`}
+        data-value={name}
+        data-bs-toggle="dropdown"
+        aria-expanded="false"
+        data-bs-reference="parent"
+    >
         <input
             bind:this={input}
             type="text"