From 72b731d620ecef9074d5bc42e7239cb77725afff Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 30 Sep 2022 21:13:13 +0200
Subject: [PATCH] fix(list): automatically close task edit pane when switching
 between lists

Resolves https://kolaente.dev/vikunja/frontend/issues/2442
---
 src/views/list/ListList.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index d0663acad..8000d4ebe 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -118,7 +118,7 @@
 					v-if="isTaskEdit"
 					class="taskedit mt-0"
 					:title="$t('list.list.editTask')"
-					@close="() => isTaskEdit = false"
+					@close="closeTaskEditPane()"
 					:shadow="false"
 					:task="taskEditTask"
 				/>
@@ -139,7 +139,7 @@ export default { name: 'List' }
 </script>
 
 <script setup lang="ts">
-import {ref, computed, toRef, nextTick, onMounted, type PropType} from 'vue'
+import {ref, computed, toRef, nextTick, onMounted, type PropType, watch} from 'vue'
 import draggable from 'zhyswan-vuedraggable'
 import {useRoute, useRouter} from 'vue-router'
 
@@ -203,6 +203,16 @@ const DRAG_OPTIONS = {
 const taskEditTask = ref<ITask | null>(null)
 const isTaskEdit = ref(false)
 
+function closeTaskEditPane() {
+	isTaskEdit.value = false
+	taskEditTask.value = null
+}
+
+watch(
+	() => props.listId,
+	closeTaskEditPane,
+)
+
 const {
 	tasks,
 	loading,