From abeaa86096cee9fafb725b17479396cb6f5f4216 Mon Sep 17 00:00:00 2001
From: Astra <me@astrra.space>
Date: Sat, 10 May 2025 18:40:38 +0900
Subject: [PATCH] Actual infinite scrolling fix

---
 src/App.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index fef3804..43b87bd 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -52,12 +52,17 @@
       <p>Error: {error.message}</p>
     {/await}
 
-    <div id="Feed" property="infinite-wrapper">
+    <div id="Feed">
       <div id="spacer"></div>
       {#each posts as postObject}
         <PostComponent post={postObject as Post} />
       {/each}
-      <InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=true />
+      {#if screen.availWidth > 600}
+        <InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper="#Feed" />
+      {/if}
+      {#if screen.availWidth <= 600}
+        <InfiniteLoading on:infinite={onInfinite} distance={3000} forceUseInfiniteWrapper=false />
+      {/if}
       <div id="spacer"></div>
     </div>
   </div>
@@ -138,6 +143,7 @@
       height: auto;
     }
     #Feed {
+      overflow-y: scroll;
       width: 95%;
       margin: 0px;
       margin-left: 10%;