Merge pull request #1 from SoundstripeTech/bug/chrome_mousewheel

Fixed Chrome mousewheel hanging up requests

Author: TrevorHinesley

dist/InfiniteScroll.js

@@ -135,6 +135,11 @@ var InfiniteScroll = (function(_Component) {
           scrollEl = this.scrollComponent.parentNode;
         }
 
+        scrollEl.removeEventListener(
+          'mousewheel',
+          this.mousewheelListener,
+          this.props.useCapture,
+        );
         scrollEl.removeEventListener(
           'scroll',
           this.scrollListener,
@@ -159,6 +164,11 @@ var InfiniteScroll = (function(_Component) {
           scrollEl = this.scrollComponent.parentNode;
         }
 
+        scrollEl.addEventListener(
+          'mousewheel',
+          this.mousewheelListener,
+          this.props.useCapture,
+        );
         scrollEl.addEventListener(
           'scroll',
           this.scrollListener,
@@ -175,6 +185,16 @@ var InfiniteScroll = (function(_Component) {
         }
       },
     },
+    {
+      key: 'mousewheelListener',
+      value: function mousewheelListener(e) {
+        // Prevents Chrome hangups
+        // See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257
+        if (e.deltaY === 1) {
+          e.preventDefault();
+        }
+      },
+    },
     {
       key: 'scrollListener',
       value: function scrollListener() {

src/InfiniteScroll.js

@@ -61,6 +61,11 @@ export default class InfiniteScroll extends Component {
       scrollEl = this.scrollComponent.parentNode;
     }
 
+    scrollEl.removeEventListener(
+      'mousewheel',
+      this.mousewheelListener,
+      this.props.useCapture,
+    );
     scrollEl.removeEventListener(
       'scroll',
       this.scrollListener,
@@ -83,6 +88,11 @@ export default class InfiniteScroll extends Component {
       scrollEl = this.scrollComponent.parentNode;
     }
 
+    scrollEl.addEventListener(
+      'mousewheel',
+      this.mousewheelListener,
+      this.props.useCapture,
+    );
     scrollEl.addEventListener(
       'scroll',
       this.scrollListener,
@@ -99,6 +109,14 @@ export default class InfiniteScroll extends Component {
     }
   }
 
+  mousewheelListener(e) {
+    // Prevents Chrome hangups
+    // See: https://stackoverflow.com/questions/47524205/random-high-content-download-time-in-chrome/47684257#47684257
+    if (e.deltaY === 1) {
+      e.preventDefault();
+    }
+  }
+
   scrollListener() {
     const el = this.scrollComponent;
     const scrollEl = window;