X-Git-Url: https://git.auder.net/assets/icon_infos.svg?a=blobdiff_plain;f=client%2Fsrc%2Fcomponents%2FMoveList.vue;h=1e19a2bdb77a70b2afd40c9fb97250bd400c1177;hb=3837d4f7885a3c3cdb468da2f3fa3fa1e5a1415a;hp=70756cc3d4ff0be7b4ca5eabbe363f2cb54f9bfd;hpb=430a203855578f9bbf4c851165c6066a741ff1f8;p=vchess.git diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue index 70756cc3..1e19a2bd 100644 --- a/client/src/components/MoveList.vue +++ b/client/src/components/MoveList.vue @@ -25,14 +25,16 @@ export default { props: ["moves","cursor","score","message"], watch: { cursor: function(newValue) { + if (newValue < 0) + newValue = 0; //avoid rows[-1] --> error // $nextTick to wait for table > tr to be rendered this.$nextTick( () => { let rows = document.querySelectorAll('#movesList tr'); if (rows.length > 0) { rows[Math.floor(newValue/2)].scrollIntoView({ - behavior: 'smooth', - block: 'center' + behavior: "auto", + block: "nearest", }); } });