From d6fe8dbcdff66042f73a48a4ec9d0556b32247be Mon Sep 17 00:00:00 2001
From: Jesse Wierzbinski <contact@cpluspatch.com>
Date: Mon, 4 Nov 2024 21:47:25 +0100
Subject: [PATCH] refactor: :bug: Make alt text editor close when saving

---
 components/composer/uploader/alt-text-editor.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/composer/uploader/alt-text-editor.vue b/components/composer/uploader/alt-text-editor.vue
index a490e2f..c77cce8 100644
--- a/components/composer/uploader/alt-text-editor.vue
+++ b/components/composer/uploader/alt-text-editor.vue
@@ -1,7 +1,7 @@
 <template>
     <Popover.Root :positioning="{
         strategy: 'fixed',
-    }" @update:open="o => !o && $emit('update-alt-text', fileData.alt_text)" :close-on-interact-outside="false">
+    }" @update:open="o => !o" :close-on-interact-outside="false">
         <Popover.Trigger aria-hidden="true"
             class="absolute top-1 left-1 p-1 bg-dark-800 ring-1 ring-white/5 text-white text-xs rounded size-6">
             <iconify-icon icon="tabler:alt" width="none" class="size-4" />
@@ -26,10 +26,12 @@
                     placeholder="Describe this image for screen readers"
                     rows="5"
                     class="w-full p-2 text-sm prose prose-invert bg-dark-900 rounded focus:!ring-0 !ring-none !border-none !outline-none placeholder:text-zinc-500 appearance-none focus:!border-none focus:!outline-none" />
+                    <Popover.CloseTrigger :as-child="true">
                 <Button theme="secondary" @click="$emit('update-alt-text', fileData.alt_text)" class="w-full"
                     :loading="fileData.uploading">
                     <span>Edit</span>
                 </Button>
+                </Popover.CloseTrigger>
             </Popover.Content>
         </Popover.Positioner>
     </Popover.Root>