From 52b5885c87ae4f97c1208fefd98f94e6b5af0076 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Sun, 15 Feb 2026 08:50:36 -0800
Subject: Fix mobile infinite scroll by using <li> and threshold 0 for sentinel

---
 frontend/src/components/FeedItems.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'frontend/src/components/FeedItems.tsx')

diff --git a/frontend/src/components/FeedItems.tsx b/frontend/src/components/FeedItems.tsx
index 0f302d3..5220c77 100644
--- a/frontend/src/components/FeedItems.tsx
+++ b/frontend/src/components/FeedItems.tsx
@@ -201,7 +201,7 @@ export default function FeedItems() {
           }
         });
       },
-      { root: null, threshold: 0.1, rootMargin: '100px' }
+      { root: null, threshold: 0, rootMargin: '100px' }
     );
 
     items.forEach((_, index) => {
@@ -240,9 +240,9 @@ export default function FeedItems() {
             </div>
           ))}
           {hasMore && (
-            <div id="load-more-sentinel" className="loading-more">
+            <li id="load-more-sentinel" className="loading-more">
               {loadingMore ? 'Loading more...' : ''}
-            </div>
+            </li>
           )}
         </ul>
       )}
-- 
cgit v1.2.3

