fixed volume setting to mute always when user scrolls down page

Author: MartinDawson

src/components/playbackRateBar/playbackRateBarContainer.jsx

@@ -15,8 +15,8 @@ const handlers = {
     const offset = getElementOffset(bar);
     const w = bar.getBoundingClientRect().width;
     const h = bar.getBoundingClientRect().height;
-    const x = e.pageX - offset.left;
-    const y = (h - e.pageY) + offset.top;
+    const x = e.clientX - offset.left;
+    const y = (h - e.clientY) + offset.top;
     let ratio;
 
     if (props.verticalPlaybackRate) {

src/components/playbackRateBar/playbackRateBarContainer.spec.jsx

@@ -18,15 +18,15 @@ const mockBar = {
   }),
 };
 const mockClickEvent = {
-  pageX: 20,
-  pageY: 100,
+  clientX: 20,
+  clientY: 100,
   preventDefault: expect.createSpy(),
 };
 const mockTouchEvent = {
   touches: [
     {
-      pageX: 20,
-      pageY: 100,
+      clientX: 20,
+      clientY: 100,
     },
   ],
   preventDefault: expect.createSpy(),

src/components/seekBar/seekBarContainer.jsx

@@ -11,7 +11,7 @@ const mapStateToProps = ({ jPlayers }, { id }) => ({
 const handlers = {
   movePlayHead: props => (bar, e) => {
     const offset = getElementOffset(bar);
-    const x = e.pageX - offset.left;
+    const x = e.clientX - offset.left;
     const w = bar.getBoundingClientRect().width;
     const percentage = 100 * (x / w);
 

src/components/seekBar/seekBarContainer.spec.jsx

@@ -18,15 +18,15 @@ const mockBar = {
   }),
 };
 const mockClickEvent = {
-  pageX: 20,
-  pageY: 100,
+  clientX: 20,
+  clientY: 100,
   preventDefault: expect.createSpy(),
 };
 const mockTouchEvent = {
   touches: [
     {
-      pageX: 20,
-      pageY: 100,
+      clientX: 20,
+      clientY: 100,
     },
   ],
   preventDefault: expect.createSpy(),

src/components/volumeBar/volumeBarContainer.jsx

@@ -13,8 +13,8 @@ const handlers = {
     const offset = getElementOffset(bar);
     const w = bar.getBoundingClientRect().width;
     const h = bar.getBoundingClientRect().height;
-    const y = (h - e.pageY) + offset.top;
-    const x = e.pageX - offset.left;
+    const y = (h - e.clientY) + offset.top;
+    const x = e.clientX - offset.left;
 
     if (props.verticalVolume) {
       props.setVolume(props.id, y / h);

src/components/volumeBar/volumeBarContainer.spec.jsx

@@ -18,15 +18,15 @@ const mockBar = {
   }),
 };
 const mockClickEvent = {
-  pageX: 20,
-  pageY: 100,
+  clientX: 20,
+  clientY: 100,
   preventDefault: expect.createSpy(),
 };
 const mockTouchEvent = {
   touches: [
     {
-      pageX: 20,
-      pageY: 100,
+      clientX: 20,
+      clientY: 100,
     },
   ],
   preventDefault: expect.createSpy(),

yarn.lock

@@ -5893,7 +5893,7 @@ react-addons-test-utils@^15.4.1:
   version "15.6.2"
   resolved "https://registry.yarnpkg.com/react-addons-test-utils/-/react-addons-test-utils-15.6.2.tgz#c12b6efdc2247c10da7b8770d185080a7b047156"
 
-react-dom@15:
+react-dom@^15.0.0:
   version "15.6.2"
   resolved "https://registry.yarnpkg.com/react-dom/-/react-dom-15.6.2.tgz#41cfadf693b757faf2708443a1d1fd5a02bef730"
   dependencies: