Masonry JS + Bricks + Infinite Loading experience

I got several Left-to-right loading Javascript Masonry grids to work with Bricks, but neither worked well with Infinite Loading.
Isotope: https://codepen.io/desandro/pen/DMdrOE
Barefoot: Masonry style layout with CSS Grid | by Andy Barefoot | Medium

Just wanted to post in case this helps anyone, because the Andy Barefoot method linked above said it was “ideal for handling layouts where more content is loaded onto the bottom of the page.”

The Barefoot method worked great with pagination, but the first 3 grid-items loaded via infinite loading displayed behind the subsequent items.

Tried it with and without lazy loading enabled.

Note: Was using query loop w/ heading for Post Title & Image for Featured Image.

1 Like