ensl/ensl_gathers
0
0
Fork 0
mirror of https://github.com/ENSL/ensl_gathers.git synced 2025-02-22 11:41:54 +00:00
Code Issues Projects Releases Packages Wiki Activity

Hack for scroll to bottom

Browse source
This commit is contained in:
Chris Blanchard 2015-10-01 14:50:31 +01:00
parent 5f4fbabbc1
commit 5ad300017c
1 changed files with 9 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
lib/react/message.jsx
View file

@ -8,6 +8,7 @@ var Chatroom = React.createClass({
loadMoreMessages() { loadMoreMessages() {
var earliestMessage = this.props.messages[0]; var earliestMessage = this.props.messages[0];
if (earliestMessage === undefined) return; if (earliestMessage === undefined) return;
this.disableScroll = true;
socket.emit("message:refresh", { socket.emit("message:refresh", {
before: earliestMessage.createdAt before: earliestMessage.createdAt
}); });
@ -17,6 +18,14 @@ var Chatroom = React.createClass({
socket.emit("newMessage", {message: message}); socket.emit("newMessage", {message: message});
}, },
componentDidUpdate() {
if (this.disableScroll) {
this.disableScroll = false;
} else {
this.scrollToBottom();
}
},
scrollToBottom() { scrollToBottom() {
let node = React.findDOMNode(this.refs.messageContainer); let node = React.findDOMNode(this.refs.messageContainer);
node.scrollTop = node.scrollHeight; node.scrollTop = node.scrollHeight;