diff options
| author | Adam Mathes <adam@adammathes.com> | 2026-02-15 08:50:36 -0800 |
|---|---|---|
| committer | Adam Mathes <adam@adammathes.com> | 2026-02-15 08:50:36 -0800 |
| commit | 52b5885c87ae4f97c1208fefd98f94e6b5af0076 (patch) | |
| tree | ad95b87db84228564e24282af805474fddaa30f1 /frontend/src/components | |
| parent | 038cdd6ae395eb4249ab1758d319f847beeb4549 (diff) | |
| download | neko-52b5885c87ae4f97c1208fefd98f94e6b5af0076.tar.gz neko-52b5885c87ae4f97c1208fefd98f94e6b5af0076.tar.bz2 neko-52b5885c87ae4f97c1208fefd98f94e6b5af0076.zip | |
Fix mobile infinite scroll by using <li> and threshold 0 for sentinel
Diffstat (limited to 'frontend/src/components')
| -rw-r--r-- | frontend/src/components/FeedItems.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
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> )} |