fix: fix the issue where the menu scrolls back to the top after clicking an option

2025-02-19 14:29:17 +01:00 · 2025-02-19 14:29:17 +01:00 · 7d99765589
commit 7d99765589
parent 5f6cf1bd66
1 changed files with 5 additions and 4 deletions
--- a/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx
+++ b/src/renderer/src/pages/home/Inputbar/MentionModelsButton.tsx
@ -174,12 +174,13 @@ const MentionModelsButton: FC<Props> = ({ mentionModels, onMentionModel: onSelec
    loadPinnedModels()
  }, [])

-  // Scroll to the first menu item when the mode selection menu opens
  useLayoutEffect(() => {
-    if (isOpen && flatModelItems.length > 0 && itemRefs.current[0]) {
-      itemRefs.current[0].scrollIntoView({ block: 'nearest' })
+    if (isOpen && selectedIndex > -1 && itemRefs.current[selectedIndex]) {
+      requestAnimationFrame(() => {
+        itemRefs.current[selectedIndex]?.scrollIntoView({ block: 'nearest' })
+      })
    }
-  }, [isOpen, flatModelItems])
+  }, [isOpen, selectedIndex])

  useEffect(() => {
    const showModelSelector = () => {