Merge pull request #40 from SimeonC/fix-resize-bug

fix(Resize): Resize event didn’t trigger on scroll bar
benhowell · Sep 15, 2017 · 9c1d8de · 9c1d8de
2 parents c7788eb + efb5212
commit 9c1d8de
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/Gallery.js b/src/Gallery.js
@@ -27,7 +27,6 @@ class Gallery extends Component {
 
     componentDidMount () {
         this.onResize();
-        window.addEventListener('resize', this.onResize);
     }
 
     componentWillReceiveProps (np) {
@@ -250,9 +249,19 @@ class Gallery extends Component {
             tileViewportStyle={this.props.tileViewportStyle}
             thumbnailStyle={this.props.thumbnailStyle}
                 />;});
-
+        var resizeIframeStyles = {
+            height: 0,
+            margin: 0,
+            padding: 0,
+            overflow: "hidden",
+            borderWidth: 0,
+            position: "fixed",
+            backgroundColor: "transparent",
+            width: "100%"
+        };
         return (
                 <div id={this.props.id} className="ReactGridGallery" ref={(c) => this._gallery = c}>
+                    <iframe style={resizeIframeStyles} ref={(c) => c && c.contentWindow.addEventListener('resize', this.onResize) } />
                 {images}
                 <Lightbox
             images={this.props.images}