Psion-fanatic/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

Focus the <input> element when a <NameEditor> element is created.

Browse source
This commit is contained in:
Fabio Manganiello 2023-03-22 21:28:21 +01:00
parent dd80dc998c
commit f49b866a51
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
platypush/backend/http/webapp/src/components/elements/NameEditor.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<form @submit.prevent="submit" class="name-editor"> <form @submit.prevent="submit" class="name-editor">
<input type="text" v-model="text" :disabled="disabled"> <input type="text" v-model="text" :disabled="disabled" ref="input">
<button type="submit"> <button type="submit">
<i class="fas fa-circle-check" /> <i class="fas fa-circle-check" />
</button> </button>
@ -21,7 +21,7 @@ export default {
disabled: { disabled: {
type: Boolean, type: Boolean,
deafult: false, default: false,
}, },
}, },
@ -44,6 +44,7 @@ export default {
mounted() { mounted() {
this.text = this.value this.text = this.value
this.$refs.input.focus()
}, },
} }
</script> </script>