diff --git a/packages/ariakit/src/suggestionMenu/SuggestionMenuItem.tsx b/packages/ariakit/src/suggestionMenu/SuggestionMenuItem.tsx index 68e3c6a7d4..7dfcbcaf5d 100644 --- a/packages/ariakit/src/suggestionMenu/SuggestionMenuItem.tsx +++ b/packages/ariakit/src/suggestionMenu/SuggestionMenuItem.tsx @@ -22,10 +22,9 @@ export const SuggestionMenuItem = forwardRef< document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")!, // TODO ); - if (overflow === "top") { - itemRef.current.scrollIntoView(true); - } else if (overflow === "bottom") { - itemRef.current.scrollIntoView(false); + + if (overflow !== "none") { + itemRef.current.scrollIntoView({ block: "nearest" }); } }, [isSelected]); diff --git a/packages/ariakit/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx b/packages/ariakit/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx index f1b0346e38..d84f433be6 100644 --- a/packages/ariakit/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx +++ b/packages/ariakit/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx @@ -22,10 +22,9 @@ export const GridSuggestionMenuItem = forwardRef< document.querySelector(".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]); diff --git a/packages/mantine/src/suggestionMenu/SuggestionMenuItem.tsx b/packages/mantine/src/suggestionMenu/SuggestionMenuItem.tsx index a8fbb8d2e6..fae9feb4da 100644 --- a/packages/mantine/src/suggestionMenu/SuggestionMenuItem.tsx +++ b/packages/mantine/src/suggestionMenu/SuggestionMenuItem.tsx @@ -30,10 +30,8 @@ export const SuggestionMenuItem = forwardRef< document.querySelector(".bn-suggestion-menu, #ai-suggestion-menu")!, // TODO ); - if (overflow === "top") { - itemRef.current.scrollIntoView(true); - } else if (overflow === "bottom") { - itemRef.current.scrollIntoView(false); + if (overflow !== "none") { + itemRef.current.scrollIntoView({ block: "nearest" }); } }, [isSelected]); diff --git a/packages/mantine/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx b/packages/mantine/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx index da86deb932..b695b24ddf 100644 --- a/packages/mantine/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx +++ b/packages/mantine/src/suggestionMenu/gridSuggestionMenu/GridSuggestionMenuItem.tsx @@ -24,10 +24,9 @@ export const GridSuggestionMenuItem = forwardRef< document.querySelector(".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]);