From 81cc5a091472557f57c987fc50be3689cd33d6ae Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Sat, 8 Jan 2022 02:48:17 +0100
Subject: [PATCH] Small Tag editor fixes (#1580)

* Adjust height of TagInputs to not switch when changing mode

* Hide scrollbar on tag suggestions when not necessary
---
 ts/editor/TagEditor.svelte | 8 ++++----
 ts/editor/TagInput.svelte  | 2 --
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/ts/editor/TagEditor.svelte b/ts/editor/TagEditor.svelte
index 2d9cb06ec..7c2fedc11 100644
--- a/ts/editor/TagEditor.svelte
+++ b/ts/editor/TagEditor.svelte
@@ -465,7 +465,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                         >
                             <TagInput
                                 id={tag.id}
-                                class="position-absolute start-0 top-0 ps-2 py-0"
+                                class="position-absolute start-0 top-0 bottom-0 ps-2 py-0"
                                 disabled={autocompleteDisabled}
                                 bind:name={activeName}
                                 bind:input={activeInput}
@@ -529,14 +529,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     .adjust-position {
         :global(.tag-input) {
-            /* recreates positioning of Tag component */
+            /* recreates positioning of Tag component
+             * so that the text does not move when accepting */
             border-left: 1px solid transparent;
-            border-bottom: 2px solid transparent;
         }
 
         :global(.cap-items) {
             max-height: 7rem;
-            overflow-y: scroll;
+            overflow-y: auto;
         }
     }
 </style>
diff --git a/ts/editor/TagInput.svelte b/ts/editor/TagInput.svelte
index 74d020783..53a291ee0 100644
--- a/ts/editor/TagInput.svelte
+++ b/ts/editor/TagInput.svelte
@@ -254,8 +254,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <style lang="scss">
     .tag-input {
         width: 100%;
-        height: 100%;
-
         color: var(--text-fg);
         background: none;
         resize: none;