Behave correctly upon Enter on TagInputEdit

ts/editor/Tag.svelte

@@ -21,21 +21,25 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         }
     }
 
-    function tagDelete(event: Event): void {
+    function deleteTag(event: Event): void {
         dispatch("tagdelete", { name });
         event.stopPropagation();
     }
+
+    function updateTag() {
+        active = false;
+    }
 </script>
 
 {#if active}
-    <TagInputEdit bind:name on:focusout={() => (active = false)} />
+    <TagInputEdit bind:name on:focusout={() => (active = false)} on:update={updateTag} />
 {:else}
     <span
         class="d-inline-flex align-items-center tag text-nowrap bg-secondary rounded ps-2 pe-1 me-1"
         on:click|stopPropagation={checkForActivation}
     >
         <span>{name}</span>
-        <Badge class="delete-icon rounded ms-1 mt-1" on:click={tagDelete}
+        <Badge class="delete-icon rounded ms-1 mt-1" on:click={deleteTag}
             >{@html deleteIcon}</Badge
         >
     </span>

ts/editor/TagInput.svelte

@@ -34,6 +34,9 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         } else if (event.code === "Backspace" && name.endsWith("::")) {
             name = name.slice(0, -2);
             event.preventDefault();
+        } else if (event.code === "Enter") {
+            onAccept(event);
+            event.preventDefault();
         }
     }
 

ts/editor/TagInputEdit.svelte

@@ -26,16 +26,15 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         console.log("onkeydown");
     }
 
-    function stopPropagation(event: Event): void {
-        event.stopPropagation();
-    }
+    /* function stopPropagation(event: Event): void { */
+    /*     event.stopPropagation(); */
+    /* } */
 </script>
 
 <TagInput
     bind:name
     bind:input
     on:keydown={onKeydown}
-    on:click={stopPropagation}
     on:focusout
     on:update
     on:add