sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-08-03 08:21:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Focus title input of task modal when shown (#10182)

Browse source
This commit is contained in:
Philip Karpiak 2018-03-30 16:35:59 -04:00 committed by Sabe Jones
parent 10e0848a5c
commit b1e5fcdeaf
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
website/client/components/tasks/taskModal.vue
View file

@ -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>