From 20568915db9bb1f13a159cdb805feddf467373e4 Mon Sep 17 00:00:00 2001
From: h <h@kotikot.com>
Date: Wed, 2 Sep 2026 05:08:51 +0200
Subject: [PATCH] fix(panel): thread scroller opts out of scroll anchoring

---
 ui/src/lib/panel/chat-view.svelte | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/ui/src/lib/panel/chat-view.svelte b/ui/src/lib/panel/chat-view.svelte
index 020dcd4..4ba3e71 100644
--- a/ui/src/lib/panel/chat-view.svelte
+++ b/ui/src/lib/panel/chat-view.svelte
@@ -37,7 +37,6 @@
   let loadedAt = $state(new Date(0).toISOString());
   let scroller = $state<HTMLDivElement | null>(null);
   let body = $state<HTMLDivElement | null>(null);
-  let end = $state<HTMLDivElement | null>(null);
   const SETTLE_MS = 2500;
   const SETTLE_STEP_MS = 120;
   let settleUntil = 0;
@@ -90,7 +89,6 @@
     if (scroller) {
       scroller.scrollTop = 0;
     }
-    end?.scrollIntoView({ block: "end" });
   }
 
   async function scrollToBottom() {
@@ -208,7 +206,7 @@
 </script>
 
 <div
-  class="flex min-h-0 flex-1 flex-col-reverse overflow-y-auto overflow-x-hidden px-3 py-3 @md:px-6"
+  class="flex min-h-0 flex-1 flex-col-reverse overflow-y-auto overflow-x-hidden px-3 py-3 [overflow-anchor:none] @md:px-6"
   onscroll={() => {
     if (Date.now() > settleUntil) {
       pinned = nearBottom();
@@ -341,6 +339,5 @@
     {#each tail as turn (turn.id)}
       <TurnCard {now} {turn} />
     {/each}
-    <div aria-hidden="true" class="h-px shrink-0" bind:this={end}></div>
   </div>
 </div>