Bare-bones multiline input

2 files changed, 10 insertions, 2 deletions

diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte
index 0b91b66..a82318a 100644
--- a/ui/lib/components/Message.svelte
+++ b/ui/lib/components/Message.svelte
@@ -5,7 +5,7 @@
 	export let at;
 	export let body;
 
-	$: renderedBody = DOMPurify.sanitize(marked.parse(body));
+	$: renderedBody = DOMPurify.sanitize(marked.parse(body, { breaks: true }));
 
 	let scroll = (message) => {
 		message.scrollIntoView();
diff --git a/ui/lib/components/MessageInput.svelte b/ui/lib/components/MessageInput.svelte
index 7aac442..94ef98a 100644
--- a/ui/lib/components/MessageInput.svelte
+++ b/ui/lib/components/MessageInput.svelte
@@ -20,13 +20,21 @@
 			input.focus();
 		}
 	}
+
+	function onKeyDown(event) {
+		if (!event.altKey && event.key === 'Enter') {
+			handleSubmit();
+			event.preventDefault();
+		}
+	}
 </script>
 
 <form on:submit|preventDefault={handleSubmit} class="flex flex-row flex-nowrap">
-	<input
+	<textarea
 		bind:this={input}
 		bind:value
 		{disabled}
+		on:keydown={onKeyDown}
 		type="search"
 		class="flex-auto h-6 input rounded-r-none"
 	/>