feat: update suggestion menu component (#2397)

* feat: update suggestion menu component

* Added fix to ShadCN

---------

Co-authored-by: Matthew Lipski <matthewlipski@gmail.com>

Author: MDSAM05

packages/ariakit/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -22,10 +22,9 @@ export const SuggestionMenuItem = forwardRef<
       itemRef.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")!,
     );
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+   
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);
 

packages/ariakit/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx

@@ -22,10 +22,9 @@ export const GridSuggestionMenuItem = forwardRef<
       itemRef.current.closest(".bn-grid-suggestion-menu")!,
     );
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+    
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);
 

packages/mantine/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -29,10 +29,8 @@ export const SuggestionMenuItem = forwardRef<
       ".bn-suggestion-menu, #ai-suggestion-menu"
     )!);
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);
 

packages/mantine/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx

@@ -24,10 +24,9 @@ export const GridSuggestionMenuItem = forwardRef<
       itemRef.current.closest(".bn-grid-suggestion-menu")!,
     );
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+    
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);
 

packages/shadcn/src/suggestionMenu/SuggestionMenuItem.tsx

@@ -26,10 +26,9 @@ export const SuggestionMenuItem = forwardRef<
       itemRef.current,
       itemRef.current.closest(".bn-suggestion-menu, #ai-suggestion-menu")!,
     );
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);
 

packages/shadcn/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx

@@ -24,10 +24,8 @@ export const GridSuggestionMenuItem = forwardRef<
       itemRef.current.closest(".bn-grid-suggestion-menu")!,
     );
 
-    if (overflow === "top") {
-      itemRef.current.scrollIntoView(true);
-    } else if (overflow === "bottom") {
-      itemRef.current.scrollIntoView(false);
+    if (overflow !== "none") {
+      itemRef.current.scrollIntoView({ block: "nearest" });
     }
   }, [isSelected]);