From 74a914eb5bf028e8c19b267a5485a35f0b2e7695 Mon Sep 17 00:00:00 2001
From: Coracle-Bot <npub1klq6260@nostr.local>
Date: Fri, 18 Sep 2026 17:07:25 +0000
Subject: [PATCH] Rebuild the room feed when the url anchor changes after mount
 (#571)

---
 src/app/components/RoomChat.svelte | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/app/components/RoomChat.svelte b/src/app/components/RoomChat.svelte
index 45bff0d1..541507c0 100644
--- a/src/app/components/RoomChat.svelte
+++ b/src/app/components/RoomChat.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import {onDestroy, onMount} from "svelte"
+  import {onDestroy, onMount, untrack} from "svelte"
   import {readable} from "svelte/store"
   import {page} from "$app/stores"
   import {navigate} from "@app/modal"
@@ -372,6 +372,7 @@
   let jumpSettled = $state(false)
   let released = false
   let pinned: Maybe<{id: string; top: number}>
+  let feedAnchor: Maybe<number>
   let isProgrammaticScroll = $state(false)
   let isUserScrolling = $state(false)
   let virtualList: Maybe<VirtualListController> = $state()
@@ -449,6 +450,19 @@
   // the whole answer.
   const showScrollButton = $derived(scrolledUp || windowStopsShort)
 
+  // A search result or a notification jumping into the room already on screen changes the url
+  // without re-creating this component, so the feed built on the old anchor has to be rebuilt
+  // on the new one. `at` is NaN when there is no anchor, and NaN never equals itself.
+  $effect(() => {
+    if (!isNaN(at) && feedAnchor && at !== feedAnchor) {
+      released = false
+      pinned = undefined
+      jumpSettled = false
+
+      untrack(() => start(at))
+    }
+  })
+
   $effect(() => {
     if (elements.length > 0 && !isUserScrolling) {
       requestAnimationFrame(manageScrollPosition)
@@ -485,6 +499,8 @@
   const start = (anchor: number) => {
     cleanup?.()
 
+    feedAnchor = anchor
+
     const feed = makeFeed({
       relays: [url],
       at: anchor,