From 15b5ad9d8498367c1832c3a51aa669b144ce1fb1 Mon Sep 17 00:00:00 2001
From: Sytone <github@sytone.com>
Date: Wed, 2 Jun 2021 17:21:39 -0700
Subject: [PATCH] Fix focus on new task

---
 src/views/list/views/List.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/list/views/List.vue b/src/views/list/views/List.vue
index c68ed7862..8680a0b0f 100644
--- a/src/views/list/views/List.vue
+++ b/src/views/list/views/List.vue
@@ -64,19 +64,16 @@
 				<add-task
 					:listId="Number($route.params.listId)"
 					@taskAdded="updateTaskList"
+					ref="newTaskInput"
 				/>
 				<p class="help is-danger" v-if="showError && newTaskText === ''">
 					Please specify a list title.
 				</p>
 			</div>
 
-			<nothing
-				v-if="
-					ctaVisible && tasks.length === 0 && !taskCollectionService.loading
-				"
-			>
+			<nothing v-if="ctaVisible && tasks.length === 0 && !taskCollectionService.loading">
 				This list is currently empty.
-				<a @click="$refs.newTaskInput.focus()">Create a new task.</a>
+				<a @click="focusNewTaskInput()">Create a new task.</a>
 			</nothing>
 
 			<div class="tasks-container">
@@ -228,6 +225,9 @@ export default {
 			this.isTaskEdit = false
 			this.loadTasks(page, search)
 		},
+		focusNewTaskInput() {
+			this.$refs.newTaskInput.$refs.newTaskInput.focus()
+		},
 		updateTaskList(task) {
 			this.tasks.push(task)
 			this.sortTasks()