You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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!)
The text was updated successfully, but these errors were encountered:
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.
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!)
The text was updated successfully, but these errors were encountered: