From f86e92add6484af080db4e51a35d66aefe851590 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 5 Nov 2020 19:05:57 +0100
Subject: fix weird end-of-section bug

---
 animism-align/frontend/app/views/viewer/nav/nav.player.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/viewer/nav/nav.player.js')

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} />
-- 
cgit v1.2.3-70-g09d2