- watch: {
- cursor: function(newCursor) {
- if (window.innerWidth <= 767) return; //scrolling would hide chessboard
- // Count grouped moves until the cursor (if multi-moves):
- let groupsCount = -1;
- let curCol = undefined;
- for (let i = 0; i < newCursor; i++) {
- const m = this.moves[i];
- if (m.color != curCol) {
- groupsCount++;
- curCol = m.color;
- }
- }
- // $nextTick to wait for table > tr to be rendered
- this.$nextTick(() => {
- let rows = document.querySelectorAll("#movesList tr");
- if (rows.length > 0) {
- rows[Math.floor(Math.max(groupsCount, 0) / 2)].scrollIntoView({
- behavior: "auto",
- block: "nearest"
- });
- }
- });
- }
- },