fix : moves panel scroll into view
This commit is contained in:
@@ -47,6 +47,7 @@ export default function MovesPanel() {
|
||||
sx={{ scrollbarWidth: "thin", overflowY: "auto" }}
|
||||
maxHeight="100%"
|
||||
xs={6}
|
||||
id="moves-panel"
|
||||
>
|
||||
{gameMoves?.map((moves, idx) => (
|
||||
<MovesLine
|
||||
|
||||
@@ -25,7 +25,11 @@ export default function MoveItem({ san, moveClassification, moveIdx }: Props) {
|
||||
useEffect(() => {
|
||||
if (!isCurrentMove) return;
|
||||
const moveItem = document.getElementById(`move-${moveIdx}`);
|
||||
if (!moveItem || !isInViewport(moveItem)) return;
|
||||
if (!moveItem) return;
|
||||
|
||||
const movePanel = document.getElementById("moves-panel");
|
||||
if (!movePanel || !isInViewport(movePanel)) return;
|
||||
|
||||
moveItem.scrollIntoView({ behavior: "smooth", block: "center" });
|
||||
}, [isCurrentMove, moveIdx]);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user