I have a page where I show various blog articles in sections.
Ideally these would fill left to right, top to bottom, but of course masonry will fill the shortest column first.
Whilst this may be acceptable in middle rows, in end rows, it can leave items aligned in strange ways – I've have had one left and right, and one on the right as below:
I suggest that this could be prevented by adding another property which would provide a threshold (px or item height %) to compare against the shortest column's gap. If the gap was under the given threshold it would tile left to right (which would normally be chronological order), over which, it would fill the gap.
I've not tested this, but suggest it would be a nice tweak for things like blogs, where users would expect to read left to right.
HI there,
I have a page where I show various blog articles in sections.
Ideally these would fill left to right, top to bottom, but of course masonry will fill the shortest column first.
Whilst this may be acceptable in middle rows, in end rows, it can leave items aligned in strange ways – I've have had one left and right, and one on the right as below:
I suggest that this could be prevented by adding another property which would provide a threshold (px or item height %) to compare against the shortest column's gap. If the gap was under the given threshold it would tile left to right (which would normally be chronological order), over which, it would fill the gap.
I've not tested this, but suggest it would be a nice tweak for things like blogs, where users would expect to read left to right.