fix weird end-of-section bug

1 files changed, 8 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/nav/nav.player.js b/animism-align/frontend/app/views/viewer/nav/nav.player.js
index 7c2050e..75e53b4 100644
--- a/animism-align/frontend/app/views/viewer/nav/nav.player.js
+++ b/animism-align/frontend/app/views/viewer/nav/nav.player.js
@@ -4,11 +4,18 @@ import { connect } from 'react-redux'
 import { PlayButton, PlayerTime, VolumeControl } from './viewer.icons'
 
 class NavPlayer extends Component {
+  constructor(props) {
+    super(props)
+    this.stopPropagation = this.stopPropagation.bind(this)
+  }
+  stopPropagation(e) {
+    e && e.stopPropagation()
+  }
   render() {
     const { playing, play_ts, duration, volume } = this.props
     const className = playing ? 'nav-player playing' : 'nav-player'
     return (
-      <div className={className}>
+      <div className={className} onClick={this.stopPropagation}>
         <PlayButton playing={playing} />
         <PlayerTime play_ts={play_ts} duration={duration} />
         <VolumeControl volume={volume} />