From e0864fab3eb7807b52eb0b0102b5ca5ef42366d1 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Fri, 17 Jun 2022 14:23:39 +0200
Subject: [PATCH] fix: properly define focus expose for new task input field

resolves #1993
---
 src/components/tasks/add-task.vue | 8 ++++++++
 src/views/list/ListList.vue       | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 94f291892..a2a21cd5c 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -198,6 +198,14 @@ function handleEnter(e: KeyboardEvent) {
 	e.preventDefault()
 	addTask()
 }
+
+function focusTaskInput() {
+	newTaskInput.value.focus()
+}
+
+defineExpose({
+	focusTaskInput,
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index 6a062baab..69d055ea9 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -262,7 +262,7 @@ export default defineComponent({
 			}, 200)
 		},
 		focusNewTaskInput() {
-			this.$refs.addTask.$refs.newTaskInput.focus()
+			this.$refs.addTask.focusTaskInput()
 		},
 		updateTaskList( task ) {
 			if ( this.isAlphabeticalSorting ) {