Prevented focus swapping on suggestion menu items

Author: matthewlipski

packages/ai/src/react/components/AIMenu/AIMenu.tsx

@@ -58,7 +58,7 @@ export const AIMenu = (props: AIMenuProps) => {
         await runAIEdit(currentEditingPrompt);
       }
     },
-    [currentEditingPrompt, runAIEdit]
+    [currentEditingPrompt, editor.extensions.aiMenu, runAIEdit]
   );
 
   const handleChange = useCallback(

packages/ariakit/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -31,6 +31,7 @@ export const SuggestionMenuItem = forwardRef<
       className={mergeCSSClasses("bn-ak-menu-item", className || "")}
       ref={mergeRefs([ref, itemRef])}
       id={id}
+      onMouseDown={(event) => event.preventDefault()}
       onClick={onClick}
       role="option"
       aria-selected={isSelected || undefined}>

packages/mantine/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -41,6 +41,7 @@ export const SuggestionMenuItem = forwardRef<
       ref={mergeRefs(ref, itemRef)}
       id={id}
       role="option"
+      onMouseDown={(event) => event.preventDefault()}
       onClick={onClick}
       aria-selected={isSelected || undefined}>
       {item.icon && (

packages/shadcn/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -40,6 +40,7 @@ export const SuggestionMenuItem = forwardRef<
       )}
       ref={mergeRefs([ref, itemRef])}
       id={id}
+      onMouseDown={(event) => event.preventDefault()}
       onClick={onClick}
       role="option"
       aria-selected={isSelected || undefined}>