fix: properly define focus expose for new task input field

resolves #1993
This commit is contained in:
kolaente 2022-06-17 14:23:39 +02:00
parent ae6bda3cf4
commit e0864fab3e
No known key found for this signature in database
GPG key ID: F40E70337AB24C9B
2 changed files with 9 additions and 1 deletions

View file

@ -198,6 +198,14 @@ function handleEnter(e: KeyboardEvent) {
e.preventDefault() e.preventDefault()
addTask() addTask()
} }
function focusTaskInput() {
newTaskInput.value.focus()
}
defineExpose({
focusTaskInput,
})
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View file

@ -262,7 +262,7 @@ export default defineComponent({
}, 200) }, 200)
}, },
focusNewTaskInput() { focusNewTaskInput() {
this.$refs.addTask.$refs.newTaskInput.focus() this.$refs.addTask.focusTaskInput()
}, },
updateTaskList( task ) { updateTaskList( task ) {
if ( this.isAlphabeticalSorting ) { if ( this.isAlphabeticalSorting ) {