From 109063e4335c05433722010e7957f5bc1e666929 Mon Sep 17 00:00:00 2001
From: Alessandro Pignotti <a.pignotti@sssup.it>
Date: Fri, 20 Dec 2024 11:50:04 +0100
Subject: [PATCH] Claude: Improve robustness of chat scrolling

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

diff --git a/src/lib/AnthropicTab.svelte b/src/lib/AnthropicTab.svelte
index 637928c..ba9a282 100644
--- a/src/lib/AnthropicTab.svelte
+++ b/src/lib/AnthropicTab.svelte
@@ -1,5 +1,6 @@
 <script>
 	import { apiState, setApiKey, addMessage, messageList, currentMessage } from '$lib/anthropic.js'
+	import { tick } from 'svelte';
 	import PanelButton from './PanelButton.svelte';
 	export let handleTool;
 	function handleKeyEnter(e)
@@ -30,13 +31,18 @@
 		var textArea = e.target;
 		textArea.style.height = textArea.scrollHeight + "px";
 	}
+	async function scrollToBottom(node)
+	{
+		await tick();
+		node.scrollTop = node.scrollHeight;
+	}
 	function scrollMessage(node, messageList)
 	{
 		// Make sure the messages are always scrolled to the bottom
-		node.scrollTop = node.scrollHeight;
+		scrollToBottom(node);
 		return {
 			update(messageList) {
-				node.scrollTop = node.scrollHeight;
+				scrollToBottom(node);
 			}
 		}
 	}