Built 5.5.3

Author: bvaughn

CHANGELOG.md

@@ -1,6 +1,11 @@
 Changelog
 ------------
 
+##### 5.5.3
+Added `will-change` property to `Grid` to work around a Chrome bug(?) that caused the entire grid to be repainted whenever a new row or column was added. This was negatively impacting scrolling performance for Chrome under certain conditions. This change is not expected to impact Firefox, Safari, or IE.
+
+Also trapped scroll events inside of `AutoSizer` so that `sdecima/javascript-detect-element-resize` did not treat them as potential resizes and unnecessarily force a sync DOM layout.
+
 ##### 5.5.2
 Removed two unnecessary method calls in `Grid` and replaced them with cached properties. Should offer a minor performance boost.
 Added better bounds-checking to util function `getVisibleCellIndices()`

dist/commonjs/AutoSizer/AutoSizer.js

@@ -45,6 +45,7 @@ var AutoSizer = function (_Component) {
     };
 
     _this._onResize = _this._onResize.bind(_this);
+    _this._onScroll = _this._onScroll.bind(_this);
     _this._setRef = _this._setRef.bind(_this);
     return _this;
   }
@@ -93,6 +94,7 @@ var AutoSizer = function (_Component) {
         'div',
         {
           ref: this._setRef,
+          onScroll: this._onScroll,
           style: outerStyle
         },
         children({ height: height, width: width })
@@ -122,6 +124,12 @@ var AutoSizer = function (_Component) {
 
       onResize({ height: height, width: width });
     }
+  }, {
+    key: '_onScroll',
+    value: function _onScroll(event) {
+      // Prevent detectElementResize library from being triggered by this scroll event.
+      event.stopPropagation();
+    }
   }, {
     key: '_setRef',
     value: function _setRef(autoSizer) {

dist/es/AutoSizer/AutoSizer.js

@@ -25,6 +25,7 @@ var AutoSizer = function (_Component) {
     };
 
     _this._onResize = _this._onResize.bind(_this);
+    _this._onScroll = _this._onScroll.bind(_this);
     _this._setRef = _this._setRef.bind(_this);
     return _this;
   }
@@ -73,6 +74,7 @@ var AutoSizer = function (_Component) {
         'div',
         {
           ref: this._setRef,
+          onScroll: this._onScroll,
           style: outerStyle
         },
         children({ height: height, width: width })
@@ -102,6 +104,12 @@ var AutoSizer = function (_Component) {
 
       onResize({ height: height, width: width });
     }
+  }, {
+    key: '_onScroll',
+    value: function _onScroll(event) {
+      // Prevent detectElementResize library from being triggered by this scroll event.
+      event.stopPropagation();
+    }
   }, {
     key: '_setRef',
     value: function _setRef(autoSizer) {

dist/umd/react-virtualized.js

@@ -3,7 +3,7 @@
   "description": "React components for efficiently rendering large, scrollable lists and tabular data",
   "author": "Brian Vaughn <brian.david.vaughn@gmail.com>",
   "user": "bvaughn",
-  "version": "5.5.2",
+  "version": "5.5.3",
   "homepage": "https://github.com/bvaughn/react-virtualized",
   "main": "dist/commonjs/index.js",
   "jsnext:main": "dist/es/index.js",