yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Only scroll based on received props once

Browse Source
This commit is contained in:
Jori Lallo
2016-05-29 15:25:38 -07:00
parent 4f630aadc8
commit 56e9081b73
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/scenes/DocumentScene/DocumentScene.js
View File

@@ -12,18 +12,23 @@ import Document from 'components/Document';
import styles from './DocumentScene.scss'; import styles from './DocumentScene.scss';
class DocumentScene extends React.Component { class DocumentScene extends React.Component {
state = {
didScroll: false,
}
componentDidMount = () => { componentDidMount = () => {
const documentId = this.props.routeParams.id; const documentId = this.props.routeParams.id;
this.props.fetchDocumentAsync(documentId); this.props.fetchDocumentAsync(documentId);
} }
componentWillReceiveProps = (nextProps) => { componentWillReceiveProps = (nextProps) => {
// Scroll to anchor after loading // Scroll to anchor after loading, and only once
const hash = this.props.location.hash; const hash = this.props.location.hash;
if (nextProps.document && hash) { if (nextProps.document && hash && !this.state.didScroll) {
const name = hash.split('#')[1]; const name = hash.split('#')[1];
setTimeout(() => { setTimeout(() => {
this.setState({ didScroll: true });
const element = document.getElementsByName(name)[0]; const element = document.getElementsByName(name)[0];
if (element) element.scrollIntoView() if (element) element.scrollIntoView()
}, 0); }, 0);