diff options
Diffstat (limited to 'animism-align/frontend/app/views/viewer/nav/nav.parent.js')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/nav/nav.parent.js | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/animism-align/frontend/app/views/viewer/nav/nav.parent.js b/animism-align/frontend/app/views/viewer/nav/nav.parent.js index 00eab26..554f5bd 100644 --- a/animism-align/frontend/app/views/viewer/nav/nav.parent.js +++ b/animism-align/frontend/app/views/viewer/nav/nav.parent.js @@ -16,6 +16,7 @@ class NavParent extends Component { constructor(props){ super(props) this.suppressHover = false + this.handleMouseMove = this.handleMouseMove.bind(this) this.handleMouseEnter = this.handleMouseEnter.bind(this) this.handleMouseLeave = this.handleMouseLeave.bind(this) this.handleMouseEnterNext = this.handleMouseEnterNext.bind(this) @@ -54,6 +55,9 @@ class NavParent extends Component { actions.viewer.toggleComponent('nav') console.log('>> CLICK NAV') } + handleMouseMove(e) { + e && e.stopPropagation() + } goToNextSection(e) { e && e.preventDefault() e && e.stopPropagation() @@ -73,7 +77,7 @@ class NavParent extends Component { if (this.state.hoveringNav || !started) containerClassName += ' hovering-nav' if ((this.state.hoveringNext || (viewer.atEndOfSection && !playing)) && !viewer.nav && viewer.nextSection) containerClassName += ' hovering-next' return ( - <div className={containerClassName} onMouseLeave={this.handleMouseLeave}> + <div className={containerClassName} onMouseMove={this.handleMouseMove} onMouseLeave={this.handleMouseLeave}> <div className={navClassName} onClick={this.handleNavBarClick}> <div className='nav-section-name' onMouseEnter={this.handleMouseEnter}> <span className="section-link link"> |