diff options
author | JoramWilander <jwawilander@gmail.com> | 2015-09-21 11:30:08 -0400 |
---|---|---|
committer | JoramWilander <jwawilander@gmail.com> | 2015-09-21 11:30:08 -0400 |
commit | 3e868a6042123dae02814d70aa05533d61e9283e (patch) | |
tree | 3928c4e9323ba452ff45906493680818d4c67c4d | |
parent | a35fa9c974833c34fe972ee44ba80eb828e7aaf0 (diff) | |
download | chat-3e868a6042123dae02814d70aa05533d61e9283e.tar.gz chat-3e868a6042123dae02814d70aa05533d61e9283e.tar.bz2 chat-3e868a6042123dae02814d70aa05533d61e9283e.zip |
Fix first channel load scrolling issue on Windows and iOS and add emoji to RHS.
-rw-r--r-- | web/react/components/post_body.jsx | 5 | ||||
-rw-r--r-- | web/react/components/post_list.jsx | 1 | ||||
-rw-r--r-- | web/react/components/rhs_comment.jsx | 2 | ||||
-rw-r--r-- | web/react/components/rhs_root_post.jsx | 2 |
4 files changed, 7 insertions, 3 deletions
diff --git a/web/react/components/post_body.jsx b/web/react/components/post_body.jsx index 8020714cd..e0682e997 100644 --- a/web/react/components/post_body.jsx +++ b/web/react/components/post_body.jsx @@ -35,9 +35,7 @@ export default class PostBody extends React.Component { parseEmojis() { twemoji.parse(React.findDOMNode(this), {size: Constants.EMOJI_SIZE}); - this.getAllChildNodes(React.findDOMNode(this)).forEach((current) => { - global.window.emojify.run(current); - }); + global.window.emojify.run(React.findDOMNode(this.refs.message_span)); } componentDidMount() { @@ -161,6 +159,7 @@ export default class PostBody extends React.Component { > {loading} <span + ref='message_span' onClick={TextFormatting.handleClick} dangerouslySetInnerHTML={{__html: TextFormatting.formatText(this.state.message)}} /> diff --git a/web/react/components/post_list.jsx b/web/react/components/post_list.jsx index 94cccaac3..703e548fb 100644 --- a/web/react/components/post_list.jsx +++ b/web/react/components/post_list.jsx @@ -83,6 +83,7 @@ export default class PostList extends React.Component { }; } componentDidMount() { + window.onload = () => this.scrollToBottom(); if (this.props.isActive) { this.activate(); this.loadFirstPosts(this.props.channelId); diff --git a/web/react/components/rhs_comment.jsx b/web/react/components/rhs_comment.jsx index 806f8e2bc..fe31ac381 100644 --- a/web/react/components/rhs_comment.jsx +++ b/web/react/components/rhs_comment.jsx @@ -56,6 +56,7 @@ export default class RhsComment extends React.Component { } parseEmojis() { twemoji.parse(React.findDOMNode(this), {size: Constants.EMOJI_SIZE}); + global.window.emojify.run(React.findDOMNode(this.refs.message_holder)); } componentDidMount() { this.parseEmojis(); @@ -208,6 +209,7 @@ export default class RhsComment extends React.Component { <p className={postClass}> {loading} <div + ref='message_holder' onClick={TextFormatting.handleClick} dangerouslySetInnerHTML={{__html: TextFormatting.formatText(post.message)}} /> diff --git a/web/react/components/rhs_root_post.jsx b/web/react/components/rhs_root_post.jsx index 13da8101d..2ea697c5b 100644 --- a/web/react/components/rhs_root_post.jsx +++ b/web/react/components/rhs_root_post.jsx @@ -20,6 +20,7 @@ export default class RhsRootPost extends React.Component { } parseEmojis() { twemoji.parse(React.findDOMNode(this), {size: Constants.EMOJI_SIZE}); + global.window.emojify.run(React.findDOMNode(this.refs.message_holder)); } componentDidMount() { this.parseEmojis(); @@ -148,6 +149,7 @@ export default class RhsRootPost extends React.Component { </ul> <div className='post-body'> <div + ref='message_holder' onClick={TextFormatting.handleClick} dangerouslySetInnerHTML={{__html: TextFormatting.formatText(post.message)}} /> |