From: Benjamin Auder Date: Fri, 6 Mar 2020 18:20:52 +0000 (+0100) Subject: Fix scrolling to game beginning X-Git-Url: https://git.auder.net/variants/img/current/doc/assets/rpsls.css?a=commitdiff_plain;h=c51c301fdff91790e80de7f7431a596732780fb5;p=vchess.git Fix scrolling to game beginning --- diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue index 228971a9..43570984 100644 --- a/client/src/components/MoveList.vue +++ b/client/src/components/MoveList.vue @@ -108,9 +108,13 @@ export default { if (window.innerWidth <= 767) return; //scrolling would hide chessboard // $nextTick to wait for table > tr to be rendered this.$nextTick(() => { - let curMove = document.querySelector(".td.highlight-lm"); - if (curMove) { - curMove.scrollIntoView({ + let curLine = document.querySelector(".td.highlight-lm"); + if (!!curLine) curLine = curLine.parentNode; + if (!curLine && this.moves.length > 0) + // Cursor is before game beginning, and some moves were made: + curLine = document.querySelector(".moves-list .tr:first-child") + if (!!curLine) { + curLine.scrollIntoView({ behavior: "auto", block: "nearest" });