scroll on new sections properly

1 files changed, 6 insertions, 3 deletions

diff --git a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
index 3cc23bd..ee176c0 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
@@ -41,7 +41,11 @@ class Transcript extends Component {
       }, 1000)
     }
     if (!this.state.scrolling) {
-      this.updateScrollPosition(this.props.play_ts)
+      if (this.props.viewer.currentSection !== prevProps.viewer.currentSection) {
+        this.updateScrollPosition(this.props.viewer.currentSection.start_ts, true)
+      } else {
+        this.updateScrollPosition(this.props.play_ts)
+      }
     }
   }
 
@@ -52,7 +56,6 @@ class Transcript extends Component {
       const scrollTop = isHeading ? el.offsetTop : el.offsetTop - 16 // 1.5rem
       const start_ts = parseFloat(el.dataset.startts)
       let end_ts = parseFloat(el.dataset.endts)
-      if (isHeading) console.log(scrollTop, start_ts, end_ts)
       if (!start_ts || !end_ts) return null
       if (end_ts < start_ts) {
         end_ts = start_ts + 0.5
@@ -75,7 +78,7 @@ class Transcript extends Component {
       return false
     })
     if (insideParagraph && nextParagraph) {
-      console.log(nextParagraph.scrollTop)
+      // console.log(nextParagraph.scrollTop)
       if (!floatInRange(scrollTop, nextParagraph.scrollTop, scrollTop + windowHeight) || forceScroll) {
         this.setState({ currentParagraph: nextParagraph, scrolling: true })
         this.scrollToParagraph(scrollTop, nextParagraph.scrollTop)