💄 Scroll text area

src/routes/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { checkDduf } from '$lib/check-dduf';
+	import { tick } from 'svelte';
 
 	let url = 'https://huggingface.co/spaces/coyotte508/dduf-check/resolve/main/file.dduf';
 	let output = '';
@@ -13,12 +14,17 @@
 		try {
 			for await (const str of checkDduf(url)) {
 				output += '\n' + str;
+				tick().then(() => {
+					textarea.scrollTop = textarea.scrollHeight;
+				});
 			}
 		} catch (e) {
 			console.error(e);
 			error = (e as Error).message;
 		}
 	}
+
+	let textarea: HTMLTextAreaElement;
 </script>
 
 <div class="flex flex-col gap-4 p-4">
@@ -38,8 +44,11 @@
 
 		<button type="submit" class="self-start rounded-md bg-blue-500 p-2 text-white">Check</button>
 
-		<textarea class="w-full rounded-md border border-gray-300 p-2" rows="10" readonly
-			>{output}</textarea
+		<textarea
+			bind:this={textarea}
+			class="w-full rounded-md border border-gray-300 p-2"
+			rows="10"
+			readonly>{output}</textarea
 		>
 
 		{#if error}