Total list height (item-height*num-items) breaks at 37,282,700 pixels

[daSaf]

When I create a list with 1M items, each 50px high, I cannot scroll all the way down (last item is #745,653) . Looks like chrome maxes out on div height - CSS shows list's container div height is 37,282,700px, and seems it cannot grow larger.

See also 37,282,700px mentioned on stack-overflow.

<VirtualList
          width='100%'
          height={ 50 }
          itemCount={ 1000000 }
          itemSize={ 50 }
          estimatedItemSize={ 50 }
          overscanCount={ 1 }
          scrollToAlignment={ ALIGNMENT.START }
          scrollOffset={ 0 }
          renderItem={ ({ index, style }) => {
            return (
              <div key={ index } style={ style }
                   className={ classes.rowClass }>
                <RowItem/>
                { index }
              </div> );
          } }
        />