You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
The text was updated successfully, but these errors were encountered:
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.
The text was updated successfully, but these errors were encountered: