Jetpack images lazy loading conflict with imagesloaded and masonry

Symptom

Masonry items overlap each other in Safari while Jetpack’s Lazy Images is on.

Cause

Visual Portfolio recalculates the Masonry layout when Jetpack fires its jetpack-lazy-loaded-image event. Safari never fires that event, so the layout keeps the placeholder sizes and the items land on top of each other.

Fix

Turn Jetpack’s Lazy Images off and use the plugin’s own lazy loading, in Visual Portfolio → Settings → Images.