From 974c8fad9b07a34ce83691de9f808da11199fdc5 Mon Sep 17 00:00:00 2001
From: loma-one <44441246+loma-one@users.noreply.github.com>
Date: Thu, 1 Aug 2024 21:10:33 +0200
Subject: [PATCH 1/3] Update compose.tpl

The change ensures that the input dialogue is expanded when the bottom line is reached.
---
 view/templates/item/compose.tpl | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/view/templates/item/compose.tpl b/view/templates/item/compose.tpl
index 051cb3b088..12b64fea27 100644
--- a/view/templates/item/compose.tpl
+++ b/view/templates/item/compose.tpl
@@ -54,7 +54,7 @@
 			</p>
 			<div id="dropzone-{{$id}}" class="dropzone" style="overflow:scroll">
 				<p>
-					<textarea id="comment-edit-text-{{$id}}" class="comment-edit-text form-control text-autosize" name="body" placeholder="{{$l10n.default}}" rows="7" tabindex="3" dir="auto" dir="auto" onkeydown="sendOnCtrlEnter(event, 'comment-edit-submit-{{$id}}')">{{$body}}</textarea>
+					<textarea id="comment-edit-text-{{$id}}" class="comment-edit-text form-control text-autosize expandable-textarea" name="body" placeholder="{{$l10n.default}}" rows="7" tabindex="3" dir="auto" dir="auto" onkeydown="sendOnCtrlEnter(event, 'comment-edit-submit-{{$id}}')">{{$body}}</textarea>
 				</p>
 			</div>
 			<p class="comment-edit-submit-wrapper">
@@ -103,4 +103,15 @@
 </div>
 <script>
 	dzFactory.setupDropzone('#dropzone-{{$id}}', 'comment-edit-text-{{$id}}');
+		document.addEventListener("DOMContentLoaded", function() {
+			var textareas = document.querySelectorAll(".expandable-textarea");
+			textareas.forEach(function(textarea) {
+			textarea.addEventListener("input", function() {
+				this.style.height = "auto";
+				this.style.height = (this.scrollHeight) + "px";
+		});
+		textarea.style.height = "auto";
+		textarea.style.height = (textarea.scrollHeight) + "px";
+	});
+});
 </script>

From da293cfbd2e23d309ea76d700b3e967ab09d6373 Mon Sep 17 00:00:00 2001
From: loma-one <44441246+loma-one@users.noreply.github.com>
Date: Sat, 3 Aug 2024 07:41:59 +0200
Subject: [PATCH 2/3] Update compose.tpl

Corrected indentation
---
 view/templates/item/compose.tpl | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/view/templates/item/compose.tpl b/view/templates/item/compose.tpl
index 12b64fea27..a9cd941863 100644
--- a/view/templates/item/compose.tpl
+++ b/view/templates/item/compose.tpl
@@ -103,13 +103,17 @@
 </div>
 <script>
 	dzFactory.setupDropzone('#dropzone-{{$id}}', 'comment-edit-text-{{$id}}');
-		document.addEventListener("DOMContentLoaded", function() {
-			var textareas = document.querySelectorAll(".expandable-textarea");
-			textareas.forEach(function(textarea) {
-			textarea.addEventListener("input", function() {
-				this.style.height = "auto";
-				this.style.height = (this.scrollHeight) + "px";
+
+	document.addEventListener("DOMContentLoaded", function() {
+		var textareas = document.querySelectorAll(".expandable-textarea");
+
+	textareas.forEach(function(textarea) {
+		textarea.addEventListener("input", function() {
+			this.style.height = "auto";
+			this.style.height = (this.scrollHeight) + "px";
 		});
+
+		// Set initial height
 		textarea.style.height = "auto";
 		textarea.style.height = (textarea.scrollHeight) + "px";
 	});

From a8a65913c01d647d497f87e398933a1bd79cc648 Mon Sep 17 00:00:00 2001
From: loma-one <44441246+loma-one@users.noreply.github.com>
Date: Sat, 3 Aug 2024 15:28:38 +0200
Subject: [PATCH 3/3] Update compose.tpl

Corrected indentation
---
 view/templates/item/compose.tpl | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/view/templates/item/compose.tpl b/view/templates/item/compose.tpl
index a9cd941863..a161f34529 100644
--- a/view/templates/item/compose.tpl
+++ b/view/templates/item/compose.tpl
@@ -107,15 +107,15 @@
 	document.addEventListener("DOMContentLoaded", function() {
 		var textareas = document.querySelectorAll(".expandable-textarea");
 
-	textareas.forEach(function(textarea) {
-		textarea.addEventListener("input", function() {
-			this.style.height = "auto";
-			this.style.height = (this.scrollHeight) + "px";
-		});
+		textareas.forEach(function(textarea) {
+			textarea.addEventListener("input", function() {
+				this.style.height = "auto";
+				this.style.height = (this.scrollHeight) + "px";
+			});
 
-		// Set initial height
-		textarea.style.height = "auto";
-		textarea.style.height = (textarea.scrollHeight) + "px";
+			// Set initial height
+			textarea.style.height = "auto";
+			textarea.style.height = (textarea.scrollHeight) + "px";
+		});
 	});
-});
 </script>