From 6a4164513f4e7f2863fb0ca1ecb19ee3c71cc43a Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sat, 4 Jul 2020 19:08:01 +0200
Subject: [PATCH] Automatically scroll to the bottom of a bucket after adding a
 new task to it

---
 src/views/list/views/Kanban.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/list/views/Kanban.vue b/src/views/list/views/Kanban.vue
index c709bc92..6e7ea730 100644
--- a/src/views/list/views/Kanban.vue
+++ b/src/views/list/views/Kanban.vue
@@ -29,7 +29,7 @@
 					</div>
 				</div>
 			</div>
-			<div class="tasks">
+			<div class="tasks" :ref="`tasks-container${bucket.id}`">
 				<Container
 						@drop="e => onDrop(bucket.id, e)"
 						group-name="buckets"
@@ -379,6 +379,12 @@
 					.catch(e => {
 						this.error(e, this)
 					})
+					.finally(() => {
+						if(!this.$refs[`tasks-container${task.bucketId}`][0]) {
+							return
+						}
+						this.$refs[`tasks-container${task.bucketId}`][0].scrollTop = this.$refs[`tasks-container${task.bucketId}`][0].scrollHeight
+					})
 			},
 			createNewBucket() {
 				if (this.newBucketTitle === '') {