From b500776f035779f9b9ee23ab889afa93ca987212 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Mon, 16 Feb 2026 19:17:59 -0800
Subject: Update V2/V3 'mark as read' logic to require item bottom to be above
 viewport, while keeping V1 unchanged

---
 frontend-vanilla/src/main.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'frontend-vanilla/src/main.ts')

diff --git a/frontend-vanilla/src/main.ts b/frontend-vanilla/src/main.ts
index a8606e3..02e4188 100644
--- a/frontend-vanilla/src/main.ts
+++ b/frontend-vanilla/src/main.ts
@@ -291,8 +291,8 @@ export function renderItems() {
             const el = document.querySelector(`.feed-item[data-id="${item._id}"]`);
             if (el) {
               const rect = el.getBoundingClientRect();
-              // Mark as read if the top of the item is above the top of the container
-              if (rect.top < containerRect.top) {
+              // Mark as read if the bottom of the item is above the top of the container
+              if (rect.bottom < containerRect.top) {
                 updateItem(item._id, { read: true });
               }
             }
-- 
cgit v1.2.3