diff --git a/ts/lib/tag-editor/tag-options-button/TagAddButton.svelte b/ts/lib/tag-editor/tag-options-button/TagAddButton.svelte
index fda953b44..77ccb588b 100644
--- a/ts/lib/tag-editor/tag-options-button/TagAddButton.svelte
+++ b/ts/lib/tag-editor/tag-options-button/TagAddButton.svelte
@@ -5,7 +5,6 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 <script lang="ts">
     import * as tr from "@generated/ftl";
     import { getPlatformString } from "@tslib/shortcuts";
-    import { createEventDispatcher } from "svelte";
 
     import Icon from "$lib/components/Icon.svelte";
     import IconConstrain from "$lib/components/IconConstrain.svelte";
@@ -16,10 +15,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 
     export let keyCombination: string;
 
-    const dispatch = createEventDispatcher<{ tagappend: null }>();
+    export let onTagAppend: (() => void) | undefined;
 
     function appendTag() {
-        dispatch("tagappend");
+    if (onTagAppend) onTagAppend();
     }
 </script>
 
@@ -43,7 +42,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     </span>
 </div>
 
-<Shortcut {keyCombination} on:action={() => dispatch("tagappend")} />
+<Shortcut {keyCombination} on:action={appendTag} />
 
 <style lang="scss">
     .tag-add-button {
diff --git a/ts/lib/tag-editor/tag-options-button/TagOptionsButton.svelte b/ts/lib/tag-editor/tag-options-button/TagOptionsButton.svelte
index 250ce9c85..cc44c845b 100644
--- a/ts/lib/tag-editor/tag-options-button/TagOptionsButton.svelte
+++ b/ts/lib/tag-editor/tag-options-button/TagOptionsButton.svelte
@@ -21,7 +21,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
         {#if tagsSelected}
             <TagsSelectedButton on:tagselectall on:tagcopy on:tagdelete />
         {:else}
-            <TagAddButton on:tagappend {keyCombination} />
+            <TagAddButton {keyCombination} />
         {/if}
     {/key}
 </div>