metafizzy / metafizzy/packery

Browser zoom breaks layout

Open
#273 4 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

If you CMD+"+" or CMD+"+" (zoom in/zoom out) a few times Packery reacts and reapportions itself to the new browser window size - however if this is performed quickly Packery fails to correctly reposition the items.

The attached screen shot is what happens when you perform a zoom in/zoom out (3 times in and 3 times back out) in quick succession - demoed on the Packery Methods page (destroy).

Codeine where zoom-in zoom-out can be performed:
http://codepen.io/desandro/pen/kEjed

![packery-broken layout](https://cloud.githubusercontent.com/assets/1922387/7831803/e12b76a4-0451-11e5-8090-4cb0b18a2daa.png)

Contributor guide

Open the contributing guide

Research direction

Reproduce the issue using the CodePen demo and the Packery Methods page's destroy example, zooming in and out rapidly as described. Then trace the browser resize and item-repositioning behavior; done means items are correctly repositioned after rapid repeated zoom changes.

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
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.