Question

I’m using jQuery masonry and facing a problem, the margin between boxes (vertically) sometimes varies.
The only way to set the margin correct is using the browser console to reload masonry

jQuery( ... ).masonry( 'reload' ); 

Something is causing an height change after initializing masonry and I cant find it (static content only, no scripts involved)..

edit:
This issue is related with external fonts being loaded from remote destinations.

Thanks!

Answer 1

Thanks for the answer, after searching I found out that this issue is described in the Masonry website https://github.com/desandro/masonry/issues/3

Solution: use WebFont Loader and reload masonry after the font loaded callback

Thanks