diff --git a/src/components/home/navigation.vue b/src/components/home/navigation.vue index 05fb7d143..34ce714b1 100644 --- a/src/components/home/navigation.vue +++ b/src/components/home/navigation.vue @@ -88,13 +88,12 @@ @end="saveListPosition" handle=".handle" :disabled="n.id < 0 || undefined" - tag="transition-group" + tag="ul" item-key="id" :data-namespace-id="n.id" :data-namespace-index="nk" :component-data="{ - type: 'transition', - tag: 'ul', + type: 'transition-group', name: !drag ? 'flip-list' : null, class: [ 'menu-list can-be-hidden', diff --git a/src/views/list/ListKanban.vue b/src/views/list/ListKanban.vue index 12f197baa..57c682b39 100644 --- a/src/views/list/ListKanban.vue +++ b/src/views/list/ListKanban.vue @@ -25,7 +25,7 @@ @start="() => dragBucket = true" group="buckets" :disabled="!canWrite" - tag="transition-group" + tag="ul" :item-key="({id}) => `bucket${id}`" :component-data="bucketDraggableComponentData" > @@ -133,7 +133,7 @@ :group="{name: 'tasks', put: shouldAcceptDrop(bucket) && !dragBucket}" :disabled="!canWrite" :data-bucket-index="bucketIndex" - tag="transition-group" + tag="ul" :item-key="(task) => `bucket${bucket.id}-task${task.id}`" :component-data="getTaskDraggableTaskComponentData(bucket)" > @@ -316,8 +316,7 @@ export default defineComponent({ return (bucket) => ({ ref: (el) => this.setTaskContainerRef(bucket.id, el), onScroll: (event) => this.handleTaskContainerScroll(bucket.id, bucket.listId, event.target), - type: 'transition', - tag: 'div', + type: 'transition-group', name: !this.drag ? 'move-card' : null, class: [ 'tasks', @@ -337,8 +336,7 @@ export default defineComponent({ }, bucketDraggableComponentData() { return { - type: 'transition', - tag: 'div', + type: 'transition-group', name: !this.dragBucket ? 'move-bucket' : null, class: [ 'kanban-bucket-container', diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue index 1555a3dde..4e5a27484 100644 --- a/src/views/list/ListList.vue +++ b/src/views/list/ListList.vue @@ -84,8 +84,10 @@ handle=".handle" :disabled="!canWrite" item-key="id" + tag="ul" :component-data="{ class: { 'dragging-disabled': !canWrite || isAlphabeticalSorting }, + type: 'transition-group' }" >