UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36

Steps to reproduce the problem:
Open attached file and scroll to the bottom. This file renders 1100 divs in a parent div with 'display: grid' set.

What is the expected behavior?
All 1100 rows should be rendered in non-overlapping positions.

What went wrong?
Rows 1000-1100 are rendered in the same position on top of each other.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 64.0.3282.186  Channel: n/a
OS Version: OS X 10.13.3
Flash Version: 

This problem doesn't happen when display:grid is removed. The page also renders correctly in Firefox and Safari.
 

Deleted: grid_limit_bug.html 597 bytes

grid_limit_bug.html 597 bytes View Download