Refering to this topic:
https://wordpress.org/support/topic/bug-simple-masonry-wrong-calculation-of-margin-if-image-is-not-fully-loaded/
In my case, I have Simple Masonry plugin with 4 columns and two rows. I place three images: first one taking 3 columns and 2 rows. Two others taking one row and one column each. The latter images are rendered incorrectly after initial page load, the height is calculated wrong and I can see only portion of the images. When a browser page is resized the images are shown correctly.
Looks like that $img.height() is calculated wrong right after page load. The link above offers other solutions, but they didn’t work. My workaround was to delay resizeMasonry() function in simple-masonry.js. Like this:
window.setTimeout(resizeMasonry, 500);
/*resizeMasonry();*/
Works ok, but maybe you could fix this in a future release?
Thanks!
Hi More,
Thanks for letting us know about this. I’ve logged this as a bug in our issue tracker. We’ll investigate this as soon as possible and try come up with a fix.