From ef539bcb37fb2c27909dfa6074169bc97ea94f81 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Fri, 9 Jul 2021 02:37:17 +0200
Subject: [PATCH] Fix colon insertion behavior

---
 ts/editor/TagInput.svelte | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/ts/editor/TagInput.svelte b/ts/editor/TagInput.svelte
index 89d586be4..910c14292 100644
--- a/ts/editor/TagInput.svelte
+++ b/ts/editor/TagInput.svelte
@@ -4,7 +4,12 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="typescript">
     import { onMount, createEventDispatcher, tick } from "svelte";
-    import { normalizeTagname, delimChar, replaceWithColon } from "./tags";
+    import {
+        normalizeTagname,
+        delimChar,
+        replaceWithDelimChar,
+        replaceWithColon,
+    } from "./tags";
 
     export let id: string | undefined = undefined;
     let className: string = "";
@@ -110,6 +115,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         const positionEnd = input.selectionEnd!;
 
         const before = name.slice(0, positionStart);
+        const after = name.slice(positionEnd, name.length);
 
         if (before.endsWith(delimChar)) {
             event.preventDefault();
@@ -121,11 +127,18 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 positionEnd,
                 name.length
             )}`;
+
+            await tick();
+            setPosition(positionStart);
+            return;
+        } else if (after.startsWith(":")) {
+            event.preventDefault();
+            name = `${before}${delimChar}${name.slice(positionEnd + 1, name.length)}`;
         } else if (single) {
             return;
         } else {
             event.preventDefault();
-            name = `${before}${delimChar}${name.slice(positionEnd, name.length)}`;
+            name = `${before}${delimChar}${after}`;
         }
 
         await tick();
@@ -195,7 +208,8 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         const splitted = pasted
             .split(/\s+/)
             .map(normalizeTagname)
-            .filter((name: string) => name.length > 0);
+            .filter((name: string) => name.length > 0)
+            .map(replaceWithDelimChar);
 
         if (splitted.length === 0) {
             return;