react-image-gallery - npm Package Compare versions

Comparing version 0.7.11 to 0.7.12

build/image-gallery.js

@@ -131,2 +131,6 @@ 'use strict';
       }
+
+      if (this._resizeTimer) {
+        window.clearTimeout(this._resizeTimer);
+      }
     }
@@ -317,3 +321,3 @@ }, {
       // delay initial resize to get the accurate this._imageGallery height/width
-      window.setTimeout(function () {
+      this._resizeTimer = window.setTimeout(function () {
         if (_this5._imageGallery) {
@@ -762,3 +766,3 @@ _this5.setState({
           },
-          showItem && renderItem(item)
+          showItem ? renderItem(item) : _react2.default.createElement('div', { style: { height: '100%' } })
         );
@@ -765,0 +769,0 @@

package.json

 {
   "name": "react-image-gallery",
-  "version": "0.7.11",
+  "version": "0.7.12",
   "description": "Responsive and flexible carousel component with thumbnail support",
@@ -5,0 +5,0 @@ "main": "./build/image-gallery",

src/ImageGallery.jsx

@@ -206,2 +206,6 @@ import React from 'react';
     }
+
+    if (this._resizeTimer) {
+      window.clearTimeout(this._resizeTimer);
+    }
   }
@@ -371,3 +375,3 @@
     // delay initial resize to get the accurate this._imageGallery height/width
-    window.setTimeout(() => {
+    this._resizeTimer = window.setTimeout(() => {
       if (this._imageGallery) {
@@ -790,3 +794,3 @@ this.setState({
         >
-          {showItem && renderItem(item)}
+          {showItem ? renderItem(item) : <div style={{ height: '100%' }}></div>}
         </div>
@@ -793,0 +797,0 @@ );

No alert changes

Improved metrics

Total package byte prevSize

110581

increased by0.29%

Lines of code

2489

increased by0.24%

No dependency changes