From 8dfbc99a3410687aa9563a60dbb0f25e84b9bd67 Mon Sep 17 00:00:00 2001
From: Jon Staab <shtaab@gmail.com>
Date: Mon, 30 Dec 2024 16:49:07 -0800
Subject: [PATCH] Fix scroller in room page

---
 src/routes/spaces/[relay]/[room]/+page.svelte | 30 +++++++++----------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/routes/spaces/[relay]/[room]/+page.svelte b/src/routes/spaces/[relay]/[room]/+page.svelte
index a8f5356..2998936 100644
--- a/src/routes/spaces/[relay]/[room]/+page.svelte
+++ b/src/routes/spaces/[relay]/[room]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import {nip19} from "nostr-tools"
-  import {onMount, onDestroy} from "svelte"
+  import {onDestroy} from "svelte"
   import type {Readable} from "svelte/store"
   import {derived} from "svelte/store"
   import type {Editor} from "svelte-tiptap"
@@ -122,20 +122,20 @@
     return $elements.reverse().slice(0, limit)
   })
 
-  onMount(async () => {
-    // Sveltekiiit
-    await sleep(100)
-
-    scroller = createScroller({
-      element,
-      delay: 300,
-      threshold: 3000,
-      onScroll: () => {
-        limit += 30
-        loading = sleep(5000)
-      },
-    })
-  })
+  // Sveltekit doesn't set element in onMount for some reason
+  $: {
+    if (element) {
+      scroller = createScroller({
+        element,
+        delay: 300,
+        threshold: 3000,
+        onScroll: () => {
+          limit += 30
+          loading = sleep(5000)
+        },
+      })
+    }
+  }
 
   onDestroy(() => {
     setChecked($page.url.pathname)