From 088420dff2eb360ba25c3da91dba26e9e572a1e7 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Tue, 7 Sep 2021 16:55:29 +0200
Subject: [PATCH] Add a zero-width tag to prevent resizing when adding tag

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

diff --git a/ts/editor/TagEditor.svelte b/ts/editor/TagEditor.svelte
index 1530cb85f..93227cdf4 100644
--- a/ts/editor/TagEditor.svelte
+++ b/ts/editor/TagEditor.svelte
@@ -11,6 +11,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     import TagOptionsBadge from "./TagOptionsBadge.svelte";
     import TagWithTooltip from "./TagWithTooltip.svelte";
     import TagInput from "./TagInput.svelte";
+    import Tag from "./Tag.svelte";
     import WithAutocomplete from "./WithAutocomplete.svelte";
     import ButtonToolbar from "components/ButtonToolbar.svelte";
     import { controlPressed } from "lib/keys";
@@ -478,6 +479,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
             class="tag-spacer flex-grow-1 align-self-stretch"
             on:click={appendEmptyTag}
         />
+
+        <div class="position-relative gap hide-tag zero-width-tag">
+            <Tag name="SPACER" />
+        </div>
     </ButtonToolbar>
 </StickyBottom>
 
@@ -490,6 +495,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         opacity: 0;
     }
 
+    .zero-width-tag :global(.tag) {
+        width: 0;
+        pointer-events: none;
+        padding-left: 0 !important;
+        padding-right: 0 !important;
+    }
+
     .gap {
         margin-bottom: 0.15rem;
     }