diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js index 86792ce1a2..f7d5babd3e 100644 --- a/src/components/post_status_form/post_status_form.js +++ b/src/components/post_status_form/post_status_form.js @@ -63,6 +63,9 @@ const PostStatusForm = { files: [] } this.$emit('posted') + + let el = this.$el.querySelector('textarea') + el.style.height = '16px' }, addMediaFile (fileInfo) { this.newStatus.files.push(fileInfo) @@ -93,6 +96,9 @@ const PostStatusForm = { 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' + } } } } diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index 2a25f73bf1..11b63308a2 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -2,7 +2,7 @@
- +
@@ -93,6 +93,10 @@ overflow: hidden; } + form textarea:focus { + min-height: 48px; + } + .btn { cursor: pointer; }