X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=da70e3490686b6eec83d7d63347c11d09eb4f252;hb=3c18611517fa137f089cbd866cbc8d3f4cc07735;hp=43570984a2c2495841e3919f1d702270ef22df01;hpb=c51c301fdff91790e80de7f7431a596732780fb5;p=vchess.git diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue index 43570984..da70e349 100644 --- a/client/src/components/MoveList.vue +++ b/client/src/components/MoveList.vue @@ -108,13 +108,12 @@ export default { if (window.innerWidth <= 767) return; //scrolling would hide chessboard // $nextTick to wait for table > tr to be rendered this.$nextTick(() => { - let curLine = document.querySelector(".td.highlight-lm"); - if (!!curLine) curLine = curLine.parentNode; - if (!curLine && this.moves.length > 0) + let curMove = document.querySelector(".td.highlight-lm"); + if (!curMove && 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({ + curMove = document.querySelector(".moves-list > .tr:first-child > .td"); + if (!!curMove) { + curMove.scrollIntoView({ behavior: "auto", block: "nearest" });