transcript scroll events stop there

1 files changed, 10 insertions, 1 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 ee176c0..1533bb6 100644
--- a/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
+++ b/animism-align/frontend/app/views/viewer/transcript/transcript.container.js
@@ -23,6 +23,7 @@ class Transcript extends Component {
     this.handleClose = this.handleClose.bind(this)
     this.handleAnnotationClick = this.handleAnnotationClick.bind(this)
     this.handleParagraphDoubleClick = this.handleParagraphDoubleClick.bind(this)
+    this.handleMouseWheel = this.handleMouseWheel.bind(this)
     this.containerRef = React.createRef()
   }
 
@@ -119,11 +120,19 @@ class Transcript extends Component {
     actions.viewer.hideComponent('transcript')
   }
 
+  handleMouseWheel(e) {
+    e.stopPropagation()
+  }
+
   render() {
     const { viewer, paragraphs } = this.props
     return (
       <div className="transcript">
-        <div className='content' ref={this.containerRef}>
+        <div
+          className='content'
+          ref={this.containerRef}
+          onMouseWheel={this.handleMouseWheel}
+        >
           <ParagraphList
             paragraphs={paragraphs}
             paragraphElementLookup={transcriptElementLookup}