Loading items on container height dynamically changed

__tests__/infinite_test.js

@@ -448,6 +448,37 @@ describe("React Infinite's Infinite Scroll Capabilities", function() {
     expect(infiniteSpy).not.toHaveBeenCalled();
   });
 
+  it('triggers the onInfiniteLoad function when containerHeight changes', function() {
+    var infiniteSpy = jasmine.createSpy('infiniteSpy');
+    var elementHeight = 200;
+
+    var rootNode = document.createElement('div');
+
+    ReactDOM.render(
+      <Infinite elementHeight={elementHeight}
+                containerHeight={400}
+                onInfiniteLoad={infiniteSpy}
+                infiniteLoadBeginEdgeOffset={100}
+                className={"correct-class-name"}>
+        {renderHelpers.divGenerator(2, elementHeight)}
+      </Infinite>,
+      rootNode
+    );
+
+    ReactDOM.render(
+      <Infinite elementHeight={elementHeight}
+              containerHeight={1000}
+              onInfiniteLoad={infiniteSpy}
+              infiniteLoadBeginEdgeOffset={100}
+              className={"correct-class-name"}>
+              {renderHelpers.divGenerator(2, elementHeight)}
+      </Infinite>,
+      rootNode
+    );
+
+    expect(infiniteSpy).toHaveBeenCalled();
+  });
+
   it('triggers the onInfiniteLoad function when scrolling past infiniteLoadBeginEdgeOffset', function() {
     var infiniteSpy = jasmine.createSpy('infiniteSpy');
     var elementHeight = 200;

src/react-infinite.jsx

@@ -305,6 +305,15 @@ var Infinite = React.createClass({
     if (isMissingVisibleRows) {
       this.onInfiniteLoad();
     }
+
+    if (this.props.containerHeight !== prevProps.containerHeight) {
+      const scrollTop = this.utils.getScrollTop();
+      const newApertureState = infiniteHelpers.recomputeApertureStateFromOptionsAndScrollTop(this.state, scrollTop);
+      if (this.passedEdgeForInfiniteScroll(scrollTop) && !this.state.isInfiniteLoading) {
+        this.setState({...newApertureState});
+        this.onInfiniteLoad();
+      }
+    }
   },
 
   componentDidMount() {