Update V2/V3 'mark as read' logic to require item bottom to be above viewport, while keeping V1 unchanged

1 files changed, 2 insertions, 2 deletions

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 });
               }
             }