-
Notifications
You must be signed in to change notification settings - Fork 21
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Appended items in single column #25
Comments
yep, same happens for me too |
yes, the majority of new items all load in a single column only runtime append |
Same here |
After some research, I figured out what was the problem. Issues in the flow of how the library calculates column height. So if you add an item directly from ajax request by default it's adding the height of the item which is 1 by default as innerHeight is undefined:
So if you got a couple of columns with a height difference of more than 1px you will get the issue) As it does not recalculate column height and adding 1 to its height |
Adding static heights on the item's block a little bit helped. |
Works great on initial page load for creating a masonry blog layout, but when clicking 'load more' (ajax-ing the new posts on to the page) the majority of new items all load in a single column.
Initialise colcade:
Appending new items:
The text was updated successfully, but these errors were encountered: