From a37d8458758457607339a595fa98e61360cfbb5b Mon Sep 17 00:00:00 2001
From: mace <safemind@posteo.net>
Date: Mon, 15 Jun 2026 19:53:18 +0200
Subject: [PATCH] Fix stuttering list view

---
 vue/src/components/RssFeeds.vue |  2 +-
 vue/src/composables/useFeeds.js | 11 ++++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/vue/src/components/RssFeeds.vue b/vue/src/components/RssFeeds.vue
index 250ff7b..c379279 100644
--- a/vue/src/components/RssFeeds.vue
+++ b/vue/src/components/RssFeeds.vue
@@ -102,7 +102,7 @@ onMounted(async () => {
         </svg>
         <p class="empty-state__label">All caught up</p>
       </div>
-      <template v-for="(   feed, index   ) in    feeds   ">
+      <template v-for="(   feed, index   ) in    feeds   " :key="feed.id">
         <div v-bind:id="index" class="observe">
           <p class="feed-source">{{ feed.feedTitle }}</p>
           <h2 @click="loadReadable(feed, index)" class="feed-title">{{ feed.title }}</h2>
diff --git a/vue/src/composables/useFeeds.js b/vue/src/composables/useFeeds.js
index f01d969..9dc01e1 100644
--- a/vue/src/composables/useFeeds.js
+++ b/vue/src/composables/useFeeds.js
@@ -221,7 +221,16 @@ async function handleIntersection(entries, topbarHeight = 0) {
 
   const readIds = new Set(readFeeds.map(feed => feed.id))
   feeds.value = feeds.value.filter(feed => !readIds.has(feed.id))
-  document.getElementById(0)?.scrollIntoView()
+  // Removing .observe nodes that have already scrolled above the viewport
+  // shrinks the document above the current scroll position — native CSS
+  // scroll anchoring (on by default, no overflow-anchor override here)
+  // compensates for that automatically by keeping the visually-anchored
+  // node in place. Do NOT add a scrollIntoView()/scrollTo() here: an
+  // earlier version called `document.getElementById(0)?.scrollIntoView()`
+  // to fix a past scroll-jump complaint, but by the time several articles
+  // have been read, id "0" is an already-read element far above the
+  // viewport — forcing a jump to it fights scroll anchoring and is exactly
+  // the stutter being fixed now.
 }
 
 function setInitialLoad(value) {