From ee95321801e43e0af429bb63e4ff6565b54be353 Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Wed, 9 Oct 2024 06:34:24 +1000
Subject: [PATCH] fix(ui): edge case where board edit button doesn't disappear

---
 .../components/Boards/BoardsList/BoardEditableTitle.tsx  | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardEditableTitle.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardEditableTitle.tsx
index e4524e12fb..83bdc54873 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardEditableTitle.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardEditableTitle.tsx
@@ -26,6 +26,11 @@ export const BoardEditableTitle = memo(({ board, isSelected }: Props) => {
     setLocalTitle(e.target.value);
   }, []);
 
+  const onEdit = useCallback(() => {
+    isEditing.setTrue();
+    setIsHovering(false);
+  }, [isEditing]);
+
   const onBlur = useCallback(async () => {
     const trimmedTitle = localTitle.trim();
     isEditing.setFalse();
@@ -83,7 +88,7 @@ export const BoardEditableTitle = memo(({ board, isSelected }: Props) => {
           fontWeight="semibold"
           userSelect="none"
           color={isSelected ? 'base.100' : 'base.300'}
-          onDoubleClick={isEditing.setTrue}
+          onDoubleClick={onEdit}
           cursor="text"
         >
           {localTitle}
@@ -94,7 +99,7 @@ export const BoardEditableTitle = memo(({ board, isSelected }: Props) => {
             icon={<PiPencilBold />}
             size="sm"
             variant="ghost"
-            onClick={isEditing.setTrue}
+            onClick={onEdit}
           />
         )}
       </Flex>