diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js index c63c308c..5e59b0e8 100644 --- a/src/components/post_status_form/post_status_form.js +++ b/src/components/post_status_form/post_status_form.js @@ -28,6 +28,10 @@ const PostStatusForm = { components: { MediaUpload }, + mounted () { + console.log(this.$refs) + this.resize(this.$refs.textarea) + }, data () { let statusText = '' @@ -235,10 +239,11 @@ const PostStatusForm = { e.dataTransfer.dropEffect = 'copy' }, resize (e) { - e.target.style.height = 'auto' - e.target.style.height = `${e.target.scrollHeight - 10}px` - if (e.target.value === '') { - e.target.style.height = '16px' + const target = e.target || e + target.style.height = 'auto' + target.style.height = `${target.scrollHeight - 10}px` + if (target.value === '') { + target.style.height = '16px' } }, clearError () { diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 4107522d..88627e3a 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -3,6 +3,7 @@ <form @submit.prevent="postStatus(newStatus)"> <div class="form-group" > <textarea + ref="textarea" @click="setCaret" @keyup="setCaret" v-model="newStatus.status" :placeholder="$t('post_status.default')" rows="1" class="form-control" @keydown.down="cycleForward" @@ -15,7 +16,6 @@ @drop="fileDrop" @dragover.prevent="fileDrag" @input="resize" - @focus="resize" @paste="paste"> </textarea> </div>