From f3cbf967fd4a073548fb0032362a76f5a38a8869 Mon Sep 17 00:00:00 2001
From: froehlichA <froehlich.alexander@protonmail.com>
Date: Sat, 18 Mar 2023 19:26:50 +0100
Subject: [PATCH] use textarea for editing the source

---
 src/components/AvatarView.svelte | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/AvatarView.svelte b/src/components/AvatarView.svelte
index bfaaff6..8b6aa25 100644
--- a/src/components/AvatarView.svelte
+++ b/src/components/AvatarView.svelte
@@ -94,13 +94,13 @@
 		{/if}
 	</div>
 	<div class="description" on:click={enterEditMode}>
-		<span
+		<textarea
+			class="textarea"
 			bind:this={descriptionEditEl}
 			hidden={!editMode}
-			contenteditable="true"
-			data-placeholder="Write your story..."
-			bind:textContent={state.description}
-		></span>
+			placeholder="Write your story..."
+			bind:value={state.description}
+		></textarea>
 		<span
 			class="avatar-plugin--md-preview"
 			hidden={editMode}
@@ -148,6 +148,11 @@
 		border-radius: 6px;
 	}
 
+	.textarea {
+		width: 100%;
+		height: 100%;
+	}
+
 	[contenteditable=true]:empty:not(:focus):before{
 		content: attr(data-placeholder);
 		color: var(--text-faint);