correctly resize text input after posting
This commit is contained in:
parent
5f670f6eb3
commit
1786d737bb
|
@ -41,10 +41,19 @@
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
setupSyncFromStore() {
|
setupSyncFromStore() {
|
||||||
|
let textarea = this.refs.textarea
|
||||||
|
let firstTime = true
|
||||||
this.observe('text', text => {
|
this.observe('text', text => {
|
||||||
this.set({rawText: text})
|
this.set({rawText: text})
|
||||||
if (this.get('autoFocus')) {
|
if (firstTime) {
|
||||||
this.refs.textarea.focus()
|
firstTime = false
|
||||||
|
if (this.get('autoFocus')) {
|
||||||
|
textarea.focus()
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
mark('autosize.update()')
|
||||||
|
autosize.update(textarea)
|
||||||
|
stop('autosize.update()')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
@ -60,9 +69,10 @@
|
||||||
}, {init: false})
|
}, {init: false})
|
||||||
},
|
},
|
||||||
setupAutosize() {
|
setupAutosize() {
|
||||||
|
let textarea = this.refs.textarea
|
||||||
requestAnimationFrame(() => {
|
requestAnimationFrame(() => {
|
||||||
mark('autosize()')
|
mark('autosize()')
|
||||||
autosize(this.refs.textarea)
|
autosize(textarea)
|
||||||
stop('autosize()')
|
stop('autosize()')
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
@ -78,6 +88,9 @@
|
||||||
store: () => store,
|
store: () => store,
|
||||||
data: () => ({
|
data: () => ({
|
||||||
rawText: ''
|
rawText: ''
|
||||||
})
|
}),
|
||||||
|
computed: {
|
||||||
|
postedStatusForRealm: ($postedStatusForRealm) => $postedStatusForRealm
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
Loading…
Reference in New Issue