only scroll moves container instead of whole page

2023-03-13 20:21:08 +08:00
parent 055cc5781d
commit 3c46b485c3
1 changed files with 3 additions and 2 deletions
--- a/client/src/components/game/GamePage.tsx
+++ b/client/src/components/game/GamePage.tsx
@@ -105,8 +105,9 @@ export default function GamePage({ initialLobby }: { initialLobby: Game }) {
  // auto scroll for moves
  useEffect(() => {
    const activeMoveEl = document.getElementById("activeNavMove");
-    if (!activeMoveEl) return;
-    activeMoveEl.scrollIntoView({ inline: "nearest", block: "nearest" });
+    const moveList = moveListRef.current;
+    if (!activeMoveEl || !moveList) return;
+    moveList.scrollTop = activeMoveEl.offsetTop;
  });

  useEffect(() => {