Article summaries do not always display correctly

Update: After some digging, I believe this issue is being caused by an incorrect height being set on the div element defined on line 15 of index.php in the Pieces source. This might be a bug with Isotope, or how it’s implemented. Manually adjusting this div’s height attribute, or setting overflow to ‘show’ reveals that the hidden summaries are actually in the correct place, but were not being shown because the row’s height was set too small.

I’m having the same issue and it definitely looks like a JS issue as when I reload the page, the issue is fixed.

Any bugfix?

@discosadness

What values did you change on index.php?

Update: I have managed to find a very hacky workaround for this bug by wrapping the call to the main Isotope function in a setTimeout(). This allows sufficient time for the browser (re)paint to complete before Isotope is called. This way, Isotope will always set the correct height for rows. I tested several different delays, and 250ms seems to be the shortest delay that prevents the bug from happening.

This change was made to the main scripts.js file in the Pieces source. Here is what it looks like, for anyone wanting to copy/paste this solution:

jQuery(document).ready(function($) {
	setTimeout(function() {
		$('.isotope').isotope({
			itemSelector: '.isotope-item',
			layoutMode: 'sloppyMasonry'
		});
	}, 250);
});

It should be noted that this is not a permanent or even desirable solution to this bug, but a temporary workaround until it is solved.

Thanks =)