Automatically scroll to the bottom of a bucket after adding a new task to it
This commit is contained in:
parent
e66c8bf6b3
commit
6a4164513f
1 changed files with 7 additions and 1 deletions
|
@ -29,7 +29,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tasks">
|
<div class="tasks" :ref="`tasks-container${bucket.id}`">
|
||||||
<Container
|
<Container
|
||||||
@drop="e => onDrop(bucket.id, e)"
|
@drop="e => onDrop(bucket.id, e)"
|
||||||
group-name="buckets"
|
group-name="buckets"
|
||||||
|
@ -379,6 +379,12 @@
|
||||||
.catch(e => {
|
.catch(e => {
|
||||||
this.error(e, this)
|
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() {
|
createNewBucket() {
|
||||||
if (this.newBucketTitle === '') {
|
if (this.newBucketTitle === '') {
|
||||||
|
|
Loading…
Reference in a new issue