Merge pull request ShipBit#47 from Schroedi/input_size_on_edit

Resize input element on message edit events.
RiskFi · Apr 28, 2023 · eded6f3 · eded6f3
2 parents dcbc58f + 49e0dd5
commit eded6f3
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/lib/ChatInput.svelte b/src/lib/ChatInput.svelte
@@ -203,16 +203,24 @@
 		calculateMessageTokens();
 	}
 
-	export function editMessage(message: ChatMessage) {
+	export async function editMessage(message: ChatMessage) {
 		originalMessage = message;
 		input = message.content;
 		isEditMode = true;
+
+		// tick is required for the action to resize the textarea
+		await tick();
+		textareaAutosizeAction(textarea);
 	}
 
-	function cancelEditMessage() {
+	async function cancelEditMessage() {
 		isEditMode = false;
 		originalMessage = null;
 		input = '';
+
+		// tick is required for the action to resize the textarea
+		await tick();
+		textareaAutosizeAction(textarea);
 	}
 </script>