From 8ef67dcc1fa5bf896260e063801df3f49c2e6052 Mon Sep 17 00:00:00 2001
From: sepehr <sepehr1151@gmail.com>
Date: Sat, 2 May 2026 22:10:56 +0200
Subject: [PATCH] fix: slash menu tabs - prevent editor focus loss on click
 with onMouseDown preventDefault

---
 memento-note/components/rich-text-editor.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/memento-note/components/rich-text-editor.tsx b/memento-note/components/rich-text-editor.tsx
index 80612b6..8da4e8f 100644
--- a/memento-note/components/rich-text-editor.tsx
+++ b/memento-note/components/rich-text-editor.tsx
@@ -441,9 +441,10 @@ function SlashCommandMenu({ editor, onInsertImage }: { editor: Editor; onInsertI
     <div ref={menuRef} className="notion-slash-menu" style={{ top: coords.top, left: coords.left }} onClick={(e) => e.stopPropagation()}>
       {/* Category tabs */}
       {!query && totalVisible > 1 && (
-        <div className="notion-slash-tabs">
+        <div className="notion-slash-tabs" onMouseDown={(e) => e.preventDefault()}>
           <button
             className={cn('notion-slash-tab', !activeCategory && 'notion-slash-tab-active')}
+            onMouseDown={(e) => e.preventDefault()}
             onClick={() => { setActiveCategory(null); setSelectedIndex(0) }}
           >
             Tout
@@ -452,6 +453,7 @@ function SlashCommandMenu({ editor, onInsertImage }: { editor: Editor; onInsertI
             <button
               key={cat}
               className={cn('notion-slash-tab', activeCategory === cat && 'notion-slash-tab-active', cat === 'IA Note' && 'notion-slash-tab-ai')}
+              onMouseDown={(e) => e.preventDefault()}
               onClick={() => { setActiveCategory(activeCategory === cat ? null : cat); setSelectedIndex(0) }}
             >
               {cat === 'IA Note' && <Sparkles className="w-2.5 h-2.5" />}
@@ -488,6 +490,7 @@ function SlashCommandMenu({ editor, onInsertImage }: { editor: Editor; onInsertI
                 key={item.title}
                 ref={isSelected ? selectedItemRef : null}
                 className={cn('notion-slash-item', isSelected && 'notion-slash-item-selected')}
+                onMouseDown={(e) => e.preventDefault()}
                 onClick={() => handleSelect(item)}
                 onMouseEnter={() => setSelectedIndex(idx)}
               >