fix(FEC-7318): volume bar dragging (#93)

kaltura · Oct 20, 2017 · 9da3e1d · 9da3e1d
1 parent 8207d15
commit 9da3e1d
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/components/volume/volume.js b/src/components/volume/volume.js
@@ -62,6 +62,9 @@ class VolumeControl extends BaseComponent {
     this.player.addEventListener(this.player.Event.MUTE_CHANGE, () => {
       this.props.updateMuted(this.player.muted);
     });
+
+    document.addEventListener('mouseup', (e: any) => this.onVolumeProgressBarMouseUp(e));
+    document.addEventListener('mousemove', (e: any) => this.onVolumeProgressBarMouseMove(e));
   }
 
   /**
@@ -189,8 +192,6 @@ class VolumeControl extends BaseComponent {
               className={style.bar}
               ref={c => this._volumeProgressBarElement=c}
               onMouseDown={() => this.onVolumeProgressBarMouseDown()}
-              onMouseUp={e => this.onVolumeProgressBarMouseUp(e)}
-              onMouseMove={e => this.onVolumeProgressBarMouseMove(e)}
             >
               <div className={style.progress} style={{height: this.getVolumeProgressHeight()}} />
             </div>