From b1e5fcdeaff6f15dfc48f1dc8d1f438eb3b3911e Mon Sep 17 00:00:00 2001
From: Philip Karpiak <philip@eswat.ca>
Date: Fri, 30 Mar 2018 16:35:59 -0400
Subject: [PATCH] Focus title input of task modal when shown (#10182)

---
 website/client/components/tasks/taskModal.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/website/client/components/tasks/taskModal.vue b/website/client/components/tasks/taskModal.vue
index 5dfd10013f..f6ec64691e 100644
--- a/website/client/components/tasks/taskModal.vue
+++ b/website/client/components/tasks/taskModal.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   form(v-if="task", @submit.stop.prevent="submit()")
-    b-modal#task-modal(size="sm", @hidden="onClose()")
+    b-modal#task-modal(size="sm", @hidden="onClose()", @shown="focusInput()")
       .task-modal-header(slot="modal-header", :class="cssClass('bg')")
         .clearfix
           h1.float-left {{ title }}
@@ -12,7 +12,8 @@
           input.form-control.title-input(
             type="text",
             required, v-model="task.text",
-            autofocus, spellcheck="true",
+            ref="inputToFocus",
+            spellcheck="true",
             :disabled="groupAccessRequiredAndOnPersonalPage || challengeAccessRequired"
           )
         .form-group
@@ -963,6 +964,9 @@ export default {
         userId: memberId,
       });
     },
+    focusInput () {
+      this.$refs.inputToFocus.focus();
+    },
   },
 };
 </script>