metafizzy / metafizzy/packery

Resize doesn't work with `horizontal: true`

Open
#567 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
4.3k
Forks
324
PR merge metrics
No merged PRs in 30d

Description

I'm not sure if this is intentional - maybe it's just that I don't fully grasp what this setting means, but I can't imagine a scenario where the container width shouldn't accommodate upon resize; and that's what I see when I set `horizontal` to `true`.

I checked the official CodePen `horizontal` example, and I see the same result, it's not resizable. The grid gets a width value on page load, and this value doesn't get updated when the viewport is resized.

**Test case:** https://codepen.io/desandro/pen/naPxde

Thanks for taking a look into this.

Contributor guide

Open the contributing guide

Research direction

Start with the linked CodePen horizontal example and reproduce the issue by resizing the viewport after the grid loads. Trace how the horizontal setting determines the grid width and how resize handling is triggered; done means the container width updates when the viewport is resized.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.