imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

relayout whenever the input textarea's scrollheight increases

Browse source
This commit is contained in:
Matthew Hodgson 2015-11-15 21:37:22 +00:00
parent 152872b342
commit 0d1c06d586
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/controllers/molecules/MessageComposer.js
View file

@ -34,6 +34,8 @@ var TYPING_USER_TIMEOUT = 10000;
var TYPING_SERVER_TIMEOUT = 30000;
module.exports = {
oldScrollHeight: 0,
componentWillMount: function() {
this.tabStruct = {
completing: false,
@ -211,16 +213,14 @@ module.exports = {
// kick gemini-scrollbar to re-layout
this.props.roomView.forceUpdate();
}
this.oldScrollHeight = this.refs.textarea.scrollHeight;
},
onKeyUp: function(ev) {
if (ev.keyCode === KeyCode.ENTER ||
if (this.refs.textarea.scrollHeight !== this.oldScrollHeight ||
ev.keyCode === KeyCode.DELETE ||
ev.keyCode === KeyCode.BACKSPACE)
{
// resize to fit.
// XXX: ideally we should fire this onChange, but as it's fairly heavy we
// optimise and only resie on enter or delete/backspace.
this.resizeInput();
}
},