diff options
| author | Adam Mathes <adam@adammathes.com> | 2026-02-15 08:35:49 -0800 |
|---|---|---|
| committer | Adam Mathes <adam@adammathes.com> | 2026-02-15 08:35:49 -0800 |
| commit | d4f19ac62f203314fb3e2d4b3afea3d87bbbfe63 (patch) | |
| tree | 391abe1c71cca799fbe3f117407f205f5a1c0e65 | |
| parent | c41af66cbb76c4c49269753d981b99905a679437 (diff) | |
| download | neko-d4f19ac62f203314fb3e2d4b3afea3d87bbbfe63.tar.gz neko-d4f19ac62f203314fb3e2d4b3afea3d87bbbfe63.tar.bz2 neko-d4f19ac62f203314fb3e2d4b3afea3d87bbbfe63.zip | |
Improve infinite scroll responsiveness on mobile/iPad
| -rw-r--r-- | frontend/src/components/FeedItems.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/frontend/src/components/FeedItems.tsx b/frontend/src/components/FeedItems.tsx index 8c69905..0f302d3 100644 --- a/frontend/src/components/FeedItems.tsx +++ b/frontend/src/components/FeedItems.tsx @@ -192,7 +192,7 @@ export default function FeedItems() { { root: null, threshold: 0 } ); - // Observer for infinite scroll (less aggressive, must be fully visible) + // Observer for infinite scroll (less aggressive, triggers earlier) const sentinelObserver = new IntersectionObserver( (entries) => { entries.forEach((entry) => { @@ -201,7 +201,7 @@ export default function FeedItems() { } }); }, - { root: null, threshold: 1.0 } + { root: null, threshold: 0.1, rootMargin: '100px' } ); items.forEach((_, index) => { |