Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Filling of shortest column first #48

Open
davestewart opened this issue Feb 3, 2022 · 0 comments
Open

Filling of shortest column first #48

davestewart opened this issue Feb 3, 2022 · 0 comments

Comments

@davestewart
Copy link

davestewart commented Feb 3, 2022

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:

image

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant