Prevent re-order after resizing the browser
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 4.3k
- Forks
- 324
- PR merge metrics
- No merged PRs in 30d
Description
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!
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked CodePen reproduction and trace Packery's resize and layout behavior around the responsive grid. Reproduce the moves and browser resize described in the issue, then determine how item order or positions are recalculated. Done means dragged items remain where they were after the grid becomes smaller, with existing layout behavior preserved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 25/100