diff --git a/web/app/components/comment/comment.jsx b/web/app/components/comment/comment.jsx index 609dd81b..1e426694 100644 --- a/web/app/components/comment/comment.jsx +++ b/web/app/components/comment/comment.jsx @@ -185,11 +185,21 @@ export default class Comment extends Component { scrollToParent(e) { const { data: { pid } } = this.props; + const hash = `#${COMMENT_NODE_CLASSNAME_PREFIX}${pid}`; e.preventDefault(); + // reset old hash postMessage({ hash: '' }); - postMessage({ hash: `#${COMMENT_NODE_CLASSNAME_PREFIX}${pid}` }); + + // set new hash + postMessage({ hash }); + + // try to scroll into view + const parentCommentNode = document.querySelector(hash); + if (parentCommentNode) { + parentCommentNode.scrollIntoView(); + } } render(props, { guest, isUserIdVisible, userBlocked, pinned, score, scoreIncreased, scoreDecreased, deleted, isInputVisible }) { diff --git a/web/index.ejs b/web/index.ejs index f6dbeba5..01a85b57 100644 --- a/web/index.ejs +++ b/web/index.ejs @@ -24,13 +24,13 @@