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

Prevent re-order after resizing the browser #541

Open
WilliamVercken opened this issue Feb 4, 2020 · 1 comment
Open

Prevent re-order after resizing the browser #541

WilliamVercken opened this issue Feb 4, 2020 · 1 comment

Comments

@WilliamVercken
Copy link

WilliamVercken commented Feb 4, 2020

Hi!
I'm using Packery with a responsive grid and I have a issue.
I want to be able to resize the browser without re-ordering the items.

Here is an example : https://codepen.io/Ariakan/full/eYNOYRX
Move "2" over "3" and resize your browser to make the grid smaller.
Or move "3" over "1" and "2" and do the same.

I want to let the items stay where they are.
Is there a way to do it with Packery ?

Thank you for your help!

@WilliamVercken
Copy link
Author

WilliamVercken commented Feb 4, 2020

Ok, here is a little update : I know we can use the "resize: false" option, but it don't work in my case because the height of my blocks changes : https://codepen.io/Ariakan/full/PoqYGeX

If the height doesn't change, it works : https://codepen.io/Ariakan/full/oNXvzEo
But I need to keep the proportions of my blocks.

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

No branches or pull requests

1 participant