From 641001238423b7f3a619ab2e1f1478efdda4c4f1 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Tue, 29 Dec 2020 15:23:16 +0100
Subject: [PATCH] Checklist-Items, Autoresize the textarea vertically to fit
 the user-input

---
 client/components/cards/checklists.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/components/cards/checklists.js b/client/components/cards/checklists.js
index c590f78f8..5c567bab9 100644
--- a/client/components/cards/checklists.js
+++ b/client/components/cards/checklists.js
@@ -186,6 +186,12 @@ BlazeComponent.extendComponent({
     }
   },
 
+  // resize the textarea vertically to fit the user-input
+  autoResize(event) {
+    const textarea = event.target;
+    textarea.style.height = textarea.scrollHeight + 'px';
+  },
+
   events() {
     const events = {
       'click .toggle-delete-checklist-dialog'(event) {
@@ -209,6 +215,8 @@ BlazeComponent.extendComponent({
         'click .js-delete-checklist-item': this.deleteItem,
         'click .confirm-checklist-delete': this.deleteChecklist,
         'focus .js-add-checklist-item': this.focusChecklistItem,
+        'input textarea.js-edit-checklist-item': this.autoResize,
+        'focus textarea.js-edit-checklist-item': this.autoResize,
         keydown: this.pressKey,
       },
     ];