OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Scroll to the bottom of editor if on last line 

Make the MessageComposerInput scroll to the bottom if we are on the last line of the contents.

fixes https://github.com/vector-im/riot-web/issues/4652
pull/21833/head
Luke Barnard 2017-07-25 15:22:10 +01:00
parent d7f4e7c8c0
commit 7e0fecbc8c
1 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/views/rooms/MessageComposerInput.js
View File

@ -451,14 +451,20 @@ export default class MessageComposerInput extends React.Component {
callback(); callback();
} }
if (this.props.onContentChanged) { const textContent = this.state.editorState.getCurrentContent().getPlainText();
const textContent = this.state.editorState
.getCurrentContent().getPlainText();
const selection = RichText.selectionStateToTextOffsets( const selection = RichText.selectionStateToTextOffsets(
this.state.editorState.getSelection(), this.state.editorState.getSelection(),
this.state.editorState.getCurrentContent().getBlocksAsArray()); this.state.editorState.getCurrentContent().getBlocksAsArray());
if (this.props.onContentChanged) {
this.props.onContentChanged(textContent, selection); this.props.onContentChanged(textContent, selection);
} }
// Scroll to the bottom of the editor if the cursor is on the last line of the
// composer. For some reason the editor won't scroll automatically if we paste
// blocks of text in or insert newlines.
if (textContent.slice(selection.start).indexOf("\n") === -1) {
this.refs.editor.refs.editor.scrollTop = this.refs.editor.refs.editor.scrollHeight;
}
}); });
} }