fix: Items keep popping up in Folder, All or Unread view

CHANGELOG.md

@@ -13,6 +13,7 @@ You can also check [on GitHub](https://github.com/nextcloud/news/releases), the
 - restore old scroll behavior to scroll after articles needed for mark scroll on read (#2817)
 - 25.0.0-alpha2: Feed folder bar menu always opens collapsed (#2508)
 - fix: hide folder/feeds with no unread items when `showAll` is disabled (#2503)
+- Items keep popping up in Folder, All or Unread view (#2833)
 
 # Releases
 ## [25.0.0-alpha11] - 2024-10-19

src/components/feed-display/FeedItemDisplayList.vue

@@ -229,6 +229,10 @@ export default Vue.extend({
 		unreadFilter(item: FeedItem): boolean {
 			return item.unread
 		},
+		outOfScopeFilter(item: FeedItem): boolean {
+			const lastItemLoaded = this.$store.state.items.lastItemLoaded[this.fetchKey]
+			return (this.$store.getters.oldestFirst ? lastItemLoaded >= item.id : lastItemLoaded <= item.id)
+		},
 		toggleFilter(filter: (item: FeedItem) => boolean) {
 			if (this.filter === filter) {
 				this.filter = this.noFilter
@@ -270,6 +274,11 @@ export default Vue.extend({
 				response = response.filter(this.filter)
 			}
 
+			// filter items that are already loaded but do not yet match the current view (unread, all, folder...)
+			if (!this.fetchKey.startsWith('feed-') && this.$store.state.items.lastItemLoaded[this.fetchKey] > 0) {
+				response = response.filter(this.outOfScopeFilter)
+			}
+
 			return response.sort(this.sort)
 		},
 		// Trigger the click event programmatically to benefit from the item handling inside the FeedItemRow component

tests/javascript/unit/components/feed-display/FeedItemDisplayList.spec.ts

@@ -27,6 +27,9 @@ describe('FeedItemDisplayList.vue', () => {
 					allItemsLoaded: {
 						unread: false,
 					},
+					lastItemLoaded: {
+						unread: 0,
+					},
 				},
 			},
 			actions: {