When I use the masonry appended method the appended items all have their "left" attribute calculated as "0" resulting in all items being displayed in a single column. doing a masonry('reload') rearranges everything correctly but it will be a resource hog to do it everytime a new item loads.
Also it is animating from the top even though it should be doing it from the bottom.
My code is as follows:
Initially:
$('.pinboard-list').masonry({
itemSelector : '.grid-item'
});
Then for each item
function renderitems(){
boxes = $(html);
$('.pinboard-list').append(boxes).masonry('appended',boxes,true);
}
Am I missing something obvious?
Edit
JS Fiddle