feat: improve list keyboard navigation

apps/web/package.json

@@ -51,7 +51,7 @@
     "react-scrollbars-custom": "^4.0.25",
     "react-toggle": "^4.1.2",
     "react-virtualized-auto-sizer": "^1.0.4",
-    "react-virtuoso": "^1.9.3",
+    "react-virtuoso": "^2.4.0",
     "rebass": "^4.0.7",
     "showdown": "github:thecodrr/showdown",
     "streamablefs": "file:packages/streamablefs",

apps/web/src/components/list-container/index.js

@@ -78,7 +78,11 @@ function ListContainer(props) {
                 }
 
                 if (isUp || isDown) {
-                  listRef.current.scrollToIndex(nextIndex);
+                  listRef.current.scrollIntoView({
+                    index: nextIndex,
+                    behavior: "auto",
+                  });
+                  e.preventDefault();
                   const listItem = listContainerRef.current.querySelector(
                     `[data-item-index="${nextIndex}"]`
                   );