fix: auto scrolling on mouse over jacobworrel#59

mikkpokk · Sep 15, 2023 · d1be6e2 · d1be6e2
1 parent e58abfc
commit d1be6e2
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/src/MenuList.tsx b/src/MenuList.tsx
@@ -117,16 +117,30 @@ function MenuList (props) {
     }
   };
 
+  const scrollToItem = React.useCallback(
+      () => {
+        if (currentIndex >= 0 && list.current !== null) {
+          list.current.scrollToItem(currentIndex);
+        }
+      },
+      [currentIndex, list]
+  );
+
   React.useEffect(
     () => {
       /**
        * enables scrolling on key down arrow
        */
-      if (currentIndex >= 0 && list.current !== null) {
-        list.current.scrollToItem(currentIndex);
+      if (typeof document !== 'undefined') {
+        const element = document.activeElement
+        if (element && element.tagName === 'INPUT' && (element.getAttribute('id') ?? '').indexOf('react-select') === 0) {
+          scrollToItem();
+        }
+      } else {
+        scrollToItem();
       }
     },
-    [currentIndex, children, list]
+    [children, scrollToItem]
   );
 
   return (