From c3e074842d63c3a2471a0b490bcfc34dce7201f1 Mon Sep 17 00:00:00 2001
From: Wolfgang <github@linux-dude.de>
Date: Tue, 3 Dec 2024 20:46:08 +0100
Subject: [PATCH] fix: mark read on scroll marks visible items as read using
 vertical compact display mode

Signed-off-by: Wolfgang <github@linux-dude.de>
---
 CHANGELOG.md                                | 1 +
 src/components/feed-display/FeedItemRow.vue | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 71209289a..9d53b7eee 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,7 @@ You can also check [on GitHub](https://github.com/nextcloud/news/releases), the
 - add item url to open website button aria label for screen readers
 - allow using `toggle starred` and `mark read` icons with keyboard
 - remove close button from list items in screen reader mode
+- mark read on scroll marks visible items as read using vertical compact display mode
 
 # Releases
 ## [25.1.0] - 2024-12-01
diff --git a/src/components/feed-display/FeedItemRow.vue b/src/components/feed-display/FeedItemRow.vue
index ee3deee03..6acfc235a 100644
--- a/src/components/feed-display/FeedItemRow.vue
+++ b/src/components/feed-display/FeedItemRow.vue
@@ -31,9 +31,9 @@
 				</a>
 			</h1>
 
-			<div v-if="!compactMode || !verticalSplit" class="intro-container" :class="{ 'compact': compactMode }">
+			<div class="intro-container" :class="{ 'compact': compactMode }">
 				<!-- eslint-disable vue/no-v-html -->
-				<span class="intro" v-html="item.intro" />
+				<span v-if="!compactMode || !verticalSplit" class="intro" v-html="item.intro" />
 				<!--eslint-enable-->
 			</div>