From b83d4609389b36bf4042e794942bc136598154e1 Mon Sep 17 00:00:00 2001
From: Vipin Chaudhary <VipinChaudhary1809@gmail.com>
Date: Wed, 7 Jan 2026 15:05:14 +0530
Subject: [PATCH] [WIKI-826] chore: add unique id as key to logo selector
 (#8494)

---
 packages/editor/src/core/extensions/callout/block.tsx         | 1 +
 packages/editor/src/core/extensions/callout/logo-selector.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/editor/src/core/extensions/callout/block.tsx b/packages/editor/src/core/extensions/callout/block.tsx
index e1ad8ca1bf..94fa5a8113 100644
--- a/packages/editor/src/core/extensions/callout/block.tsx
+++ b/packages/editor/src/core/extensions/callout/block.tsx
@@ -35,6 +35,7 @@ export function CustomCalloutBlock(props: CustomCalloutNodeViewProps) {
       }}
     >
       <CalloutBlockLogoSelector
+        key={node.attrs["id"]}
         blockAttributes={node.attrs}
         disabled={!editor.isEditable}
         isOpen={isEmojiPickerOpen}
diff --git a/packages/editor/src/core/extensions/callout/logo-selector.tsx b/packages/editor/src/core/extensions/callout/logo-selector.tsx
index 66b2872386..bf70a31368 100644
--- a/packages/editor/src/core/extensions/callout/logo-selector.tsx
+++ b/packages/editor/src/core/extensions/callout/logo-selector.tsx
@@ -33,7 +33,7 @@ export function CalloutBlockLogoSelector(props: Props) {
   return (
     <div contentEditable={false}>
       <EmojiPicker
-        closeOnSelect={false}
+        closeOnSelect={true}
         isOpen={isOpen}
         handleToggle={handleOpen}
         className="flex-shrink-0 grid place-items-center"