From bc8856d60f9ff625ad8fd57875ef663a550402f3 Mon Sep 17 00:00:00 2001
From: Kenneth <kennethnym@hey.com>
Date: Wed, 21 May 2025 15:54:51 +0100
Subject: [PATCH] fix tag autocomplete list not hiding on blur

---
 .../web/src/app/bookmarks/-dialogs/add-bookmark-dialog.tsx    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/web/src/app/bookmarks/-dialogs/add-bookmark-dialog.tsx b/packages/web/src/app/bookmarks/-dialogs/add-bookmark-dialog.tsx
index 33df9c3..ffb1a2f 100644
--- a/packages/web/src/app/bookmarks/-dialogs/add-bookmark-dialog.tsx
+++ b/packages/web/src/app/bookmarks/-dialogs/add-bookmark-dialog.tsx
@@ -53,6 +53,7 @@ function AddBookmarkDialog() {
 			},
 			Escape: () => {
 				linkInputRef.current?.blur()
+				tagsInputRef.current?.blur()
 			},
 		},
 		{ ignore: () => false },
@@ -158,7 +159,6 @@ function TagsInput({ ref }: { ref: React.Ref<HTMLInputElement | null> }) {
 				},
 			}),
 		],
-		open: isInputFocused && lastTag !== "",
 	})
 
 	useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(ref, () => refs.reference.current)
@@ -183,7 +183,7 @@ function TagsInput({ ref }: { ref: React.Ref<HTMLInputElement | null> }) {
 				}}
 				labelClassName="bg-stone-300 dark:bg-stone-800"
 			/>
-			<TagList ref={refs.setFloating} style={floatingStyles} />
+			{isInputFocused && lastTag !== "" ? <TagList ref={refs.setFloating} style={floatingStyles} /> : null}
 		</>
 	)
 }