From 88ce09998fa19b0b944ec39c47ffa89a2e9b57b3 Mon Sep 17 00:00:00 2001
From: Joe Anderson <joe@mousetrapped.co.uk>
Date: Mon, 5 Feb 2024 07:46:55 +0000
Subject: [PATCH] Fix: Mention input removed when clicking mention combobox
 scrollbar

---
 .../www/content/docs/components/changelog.mdx |  7 +++++++
 .../default/plate-ui/mention-combobox.tsx     | 20 ++++++++++---------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/apps/www/content/docs/components/changelog.mdx b/apps/www/content/docs/components/changelog.mdx
index 29cc8c1b83..3c487b804b 100644
--- a/apps/www/content/docs/components/changelog.mdx
+++ b/apps/www/content/docs/components/changelog.mdx
@@ -8,6 +8,13 @@ Since Plate UI is not a component library, a changelog is maintained here.
 
 Use the [CLI](https://platejs.org/docs/components/cli) to install the latest version of the components.
 
+## February 2025 #8
+
+### February 5 #8.1
+
+- Fix:  Mention input removed when clicking mention combobox scrollbar
+([#2919](https://github.com/udecode/plate/issues/2919))
+
 ## January 2024 #7
 
 ### January 31 #7.5
diff --git a/apps/www/src/registry/default/plate-ui/mention-combobox.tsx b/apps/www/src/registry/default/plate-ui/mention-combobox.tsx
index 5c127e2ca4..255ba9c242 100644
--- a/apps/www/src/registry/default/plate-ui/mention-combobox.tsx
+++ b/apps/www/src/registry/default/plate-ui/mention-combobox.tsx
@@ -21,14 +21,16 @@ export function MentionCombobox({
   const { trigger } = getPluginOptions<MentionPlugin>(editor, pluginKey);
 
   return (
-    <Combobox
-      id={id}
-      trigger={trigger!}
-      controlled
-      onSelectItem={getMentionOnSelectItem({
-        key: pluginKey,
-      })}
-      {...props}
-    />
+    <div onMouseDown={(e) => e.preventDefault()}>
+      <Combobox
+        id={id}
+        trigger={trigger!}
+        controlled
+        onSelectItem={getMentionOnSelectItem({
+          key: pluginKey,
+        })}
+        {...props}
+      />
+    </div>
   );
 }