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"
});
@media screen and (max-width: 767px)
height: 18px
+#scoreInfo
+ margin: 10px 0
+ @media screen and (max-width: 767px)
+ margin: 5px 0
+
span.score
display: inline-block
margin-left: 10px