From 97b12b420ac5209188d9ae6fa0828e83f044acda Mon Sep 17 00:00:00 2001
From: llama <gh@siid.sh>
Date: Thu, 15 May 2025 14:41:30 +0800
Subject: [PATCH] Resize fsrs params input to fit content (#3999)

* resize param input on value change

* resize on window resize
---
 ts/routes/deck-options/ParamsInput.svelte | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/ts/routes/deck-options/ParamsInput.svelte b/ts/routes/deck-options/ParamsInput.svelte
index e0a493013..5bed775cf 100644
--- a/ts/routes/deck-options/ParamsInput.svelte
+++ b/ts/routes/deck-options/ParamsInput.svelte
@@ -3,11 +3,25 @@ Copyright: Ankitects Pty Ltd and contributors
 License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 -->
 <script lang="ts">
+    import { tick } from "svelte";
+
     export let value: number[];
     export let defaults: number[];
 
     let stringValue: string;
-    $: stringValue = render(value);
+    let taRef: HTMLTextAreaElement;
+
+    function updateHeight() {
+        if (taRef) {
+            taRef.style.height = "auto";
+            taRef.style.height = `${taRef.scrollHeight}px`;
+        }
+    }
+
+    $: {
+        stringValue = render(value);
+        tick().then(updateHeight);
+    }
 
     function render(params: number[]): string {
         return params.map((v) => v.toFixed(4)).join(", ");
@@ -22,7 +36,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     }
 </script>
 
+<svelte:window onresize={updateHeight} />
+
 <textarea
+    bind:this={taRef}
     value={stringValue}
     on:blur={update}
     class="w-100"