Fix invalid rendering in scroll synced list with height/width exceeding browser limit

.gitignore

@@ -5,3 +5,4 @@ dist
 node_modules
 npm-debug.log
 styles.css
+.vscode

source/Collection/CollectionView.js

@@ -8,7 +8,7 @@ import getScrollbarSize from 'dom-helpers/util/scrollbarSize'
 // @TODO Merge Collection and CollectionView
 
 /**
- * Specifies the number of miliseconds during which to disable pointer events while a scroll is in progress.
+ * Specifies the number of milliseconds during which to disable pointer events while a scroll is in progress.
  * This improves performance and makes scrolling smoother.
  */
 const IS_SCROLLING_TIMEOUT = 150

source/Grid/Grid.jest.js

@@ -1355,6 +1355,43 @@ describe('Grid', () => {
       ])
     })
 
+    it('should not cache cells if the offsets are not adjusted', () => {
+      const cellRendererCalls = []
+      function cellRenderer ({ columnIndex, key, rowIndex, style }) {
+        cellRendererCalls.push({ columnIndex, rowIndex })
+        return defaultCellRenderer({ columnIndex, key, rowIndex, style })
+      }
+      const props = {
+        cellRenderer,
+        columnWidth: 100,
+        height: 40,
+        rowHeight: 20,
+        rowCount: 100000,
+        scrollToRow: 0,
+        width: 100
+      }
+
+      render(getMarkup({
+        ...props,
+        scrollToRow: 0
+      }))
+      expect(cellRendererCalls).toEqual([
+        { columnIndex: 0, rowIndex: 0 },
+        { columnIndex: 0, rowIndex: 1 }
+      ])
+
+      cellRendererCalls.splice(0)
+
+      render(getMarkup({
+        ...props,
+        scrollToRow: 1
+      }))
+      expect(cellRendererCalls).toEqual([
+        { columnIndex: 0, rowIndex: 0 },
+        { columnIndex: 0, rowIndex: 1 }
+      ])
+    })
+
     it('should cache a cell once it has been rendered while scrolling', () => {
       const cellRendererCalls = []
       function cellRenderer ({ columnIndex, key, rowIndex, style }) {

source/Grid/Grid.js

@@ -11,7 +11,7 @@ import defaultCellRangeRenderer from './defaultCellRangeRenderer'
 import scrollbarSize from 'dom-helpers/util/scrollbarSize'
 
 /**
- * Specifies the number of miliseconds during which to disable pointer events while a scroll is in progress.
+ * Specifies the number of milliseconds during which to disable pointer events while a scroll is in progress.
  * This improves performance and makes scrolling smoother.
  */
 export const DEFAULT_SCROLLING_RESET_TIME_INTERVAL = 150
@@ -587,7 +587,7 @@ export default class Grid extends PureComponent {
 
     // Special case where the previous size was 0:
     // In this case we don't show any windowed cells at all.
-    // So we should always recalculate offset aftward.
+    // So we should always recalculate offset afterwards.
     const sizeJustIncreasedFromZero = (
       (prevProps.width === 0 || prevProps.height === 0) &&
       (height > 0 && width > 0)

source/Grid/defaultCellRangeRenderer.js

@@ -37,7 +37,7 @@ export default function defaultCellRangeRenderer ({
     rowSizeAndPositionManager.areOffsetsAdjusted()
   )
 
-  const canCacheStyle = !isScrolling || !areOffsetsAdjusted
+  const canCacheStyle = !isScrolling && !areOffsetsAdjusted;
 
   for (let rowIndex = rowStartIndex; rowIndex <= rowStopIndex; rowIndex++) {
     let rowDatum = rowSizeAndPositionManager.getSizeAndPositionOfCell(rowIndex)

source/Grid/utils/CellSizeAndPositionManager.jest.js

@@ -81,7 +81,7 @@ describe('CellSizeAndPositionManager', () => {
       expect(() => cellSizeAndPositionManager.getSizeAndPositionOfCell(100)).toThrow()
     })
 
-    it('should returnt he correct size and position information for the requested cell', () => {
+    it('should return the correct size and position information for the requested cell', () => {
       const { cellSizeAndPositionManager } = getCellSizeAndPositionManager()
       expect(cellSizeAndPositionManager.getSizeAndPositionOfCell(0).offset).toEqual(0)
       expect(cellSizeAndPositionManager.getSizeAndPositionOfCell(0).size).toEqual(10)

source/Grid/utils/CellSizeAndPositionManager.js

@@ -111,7 +111,7 @@ export default class CellSizeAndPositionManager {
 
   /**
    * Total size of all cells being measured.
-   * This value will be completedly estimated initially.
+   * This value will be completely estimated initially.
    * As cells as measured the estimate will be updated.
    */
   getTotalSize (): number {

source/Grid/utils/ScalingCellSizeAndPositionManager.jest.js

@@ -19,7 +19,7 @@ describe('ScalingCellSizeAndPositionManager', () => {
   }
 
   describe('_getOffsetPercentage', () => {
-    it('should eturn the correct offset fraction', () => {
+    it('should return the correct offset fraction', () => {
       var expectations = [
         { offset: 0, expectedOffsetPercentage: 0 },
         { offset: 35, expectedOffsetPercentage: 0.5 },

source/Grid/utils/ScalingCellSizeAndPositionManager.js

@@ -43,7 +43,7 @@ export default class ScalingCellSizeAndPositionManager {
 
   /**
    * Number of pixels a cell at the given position (offset) should be shifted in order to fit within the scaled container.
-   * The offset passed to this function is scalled (safe) as well.
+   * The offset passed to this function is scaled (safe) as well.
    */
   getOffsetAdjustment ({
     containerSize,