From ba64f50593eb38986ee84a1c58d7b6500a849a86 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 28 Jun 2021 02:08:30 +0200
Subject: [PATCH] Make Autocomplete dismount along with TagInput on blur

---
 ts/editor/TagEditor.svelte | 48 +++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 24 deletions(-)

diff --git a/ts/editor/TagEditor.svelte b/ts/editor/TagEditor.svelte
index 887edb64f..993a1fc0d 100644
--- a/ts/editor/TagEditor.svelte
+++ b/ts/editor/TagEditor.svelte
@@ -219,16 +219,16 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         <ButtonToolbar class="dropup d-flex flex-wrap align-items-center" {size}>
             <AddTagBadge on:click={appendEmptyTag} />
 
-            <TagAutocomplete
-                class="d-flex flex-column-reverse"
-                {suggestions}
-                search={tags[active ?? -1]?.name ?? ""}
-                on:autocomplete={onAutocomplete}
-                let:updateAutocomplete
-                let:destroyAutocomplete
-            >
-                {#each tags as tag, index (tag.id)}
-                    {#if index === active}
+            {#each tags as tag, index (tag.id)}
+                {#if index === active}
+                    <TagAutocomplete
+                        class="d-flex flex-column-reverse"
+                        {suggestions}
+                        search={tags[active ?? -1]?.name ?? ""}
+                        on:autocomplete={onAutocomplete}
+                        let:updateAutocomplete
+                        let:destroyAutocomplete
+                    >
                         <TagInput
                             id={tag.id}
                             bind:name={activeName}
@@ -252,21 +252,21 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                                 tag.name = activeName;
                             }}
                         />
-                    {:else}
-                        <Tag
-                            name={tag.name}
-                            bind:blink={tag.blink}
-                            on:click={() => (active = index)}
-                            on:tagdelete={() => deleteTag(index)}
-                        />
-                    {/if}
-                {/each}
+                    </TagAutocomplete>
+                {:else}
+                    <Tag
+                        name={tag.name}
+                        bind:blink={tag.blink}
+                        on:click={() => (active = index)}
+                        on:tagdelete={() => deleteTag(index)}
+                    />
+                {/if}
+            {/each}
 
-                <div
-                    class="tag-spacer flex-grow-1 align-self-stretch"
-                    on:click={appendEmptyTag}
-                />
-            </TagAutocomplete>
+            <div
+                class="tag-spacer flex-grow-1 align-self-stretch"
+                on:click={appendEmptyTag}
+            />
 
             <div>
                 a, aab, an, ac: {active}