From a5f9eca6c3c6dfdb47ba6a8e41d184a0a2dc1e20 Mon Sep 17 00:00:00 2001
From: Marthym <marthym@gmail.com>
Date: Sat, 2 Dec 2023 15:21:21 +0100
Subject: [PATCH] feat(seaside): #189 avoid bad alignment of news when
 scrolling

close #189
---
 .../src/techwatch/components/newslist/NewsList.vue   | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/seaside/src/techwatch/components/newslist/NewsList.vue b/seaside/src/techwatch/components/newslist/NewsList.vue
index 4b98b104..49ba23df 100644
--- a/seaside/src/techwatch/components/newslist/NewsList.vue
+++ b/seaside/src/techwatch/components/newslist/NewsList.vue
@@ -118,12 +118,12 @@ export default class NewsList extends Vue implements ScrollActivable, InfiniteSc
         listener('n', event => {
           event.preventDefault();
           this.activateNewsCard(this.activeNews + 1);
-          this.scrollToActivateNews();
+          this.scrollToActivateNews('center');
         }),
         listener('k', event => {
           event.preventDefault();
           this.activateNewsCard(this.activeNews - 1);
-          this.scrollToActivateNews();
+          this.scrollToActivateNews('center');
         }),
         listener('m', event => {
           event.preventDefault();
@@ -272,7 +272,7 @@ export default class NewsList extends Vue implements ScrollActivable, InfiniteSc
   }
 
   private markNewsRead(idx: number, mark: boolean) {
-    console.log("markNewsRead", idx)
+    console.log('markNewsRead', idx);
     if (!this.isAuthenticated) {
       return;
     }
@@ -348,15 +348,15 @@ export default class NewsList extends Vue implements ScrollActivable, InfiniteSc
    *
    * @private
    */
-  private scrollToActivateNews() {
+  private scrollToActivateNews(block: string = 'center') {
     if (this.activeNews >= this.news.length - 2 || this.activeNews < 0) {
       // Stop if last news
       return;
     }
-    const current = this.news[this.activeNews + 1];
+    const current = this.news[this.activeNews];
     this.$nextTick(() => {
       this.getRefElement(current.data.id).scrollIntoView(
-          { block: 'center', scrollBehavior: 'smooth' } as ScrollIntoViewOptions);
+          { block: block, behavior: 'smooth' } as ScrollIntoViewOptions);
     });
   }