Automatically scroll to the bottom of a bucket after adding a new task to it

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 === '') {