Glitchiness when large number of items in masonry grid

[hyfen]

I've been playing around with the masonry grid components in this repo and as as soon as I have a few hundred items, new items don't get positioned properly anymore.

All further items (loaded with ember-infinity) get piled up in the bottom left corner:

I think it's related to this rendering engine issue: Chrome seems to cap css grid rows to 1000 for performance reasons which impacts masonry layouts that use this trick. There doesn't seem to be a good workaround for big lists that still uses this css grid technique that I've come across. ☹️

(I came here via your EmberConf talk. Enjoyed it!)

[elwayman02]

Thanks! I heard someone say that Chrome is fixing this to go from a limit of 1000 to 10,000, so hopefully that will come through soon. Until then, people with need to support large lists can probably rely on one of the pure HTML/CSS options that bake in assumptions specific to their use-case, even though it's not a general solution.