metafizzy / metafizzy/infinite-scroll

Masonry, isotope, packery images overlapping in Safari

Open
#671 28 comments 7 reactions 0 assignees View on GitHub
bug
Dominant language
HTML
Stars
7.5k
Forks
1.7k
PR merge metrics
No merged PRs in 30d

Description

There seems to be an issue with images loading and infinite scroll in Safari. On first load of your [infinitescroll masonry demo](https://codepen.io/desandro/pen/eRRQVo), images are "behind" the colored blocks. On subsequent loads, the layout is as expected (After images are cached, it does not occur).
I can reproduce it using a new tab in Safari's "private window" setting consistently. Does not seem to occur in Firefox or Chrome.
![screen shot 2017-06-26 at 8 20 16 am](https://user-images.githubusercontent.com/624656/27546945-2b81f76a-5a49-11e7-9174-f7cd0deff97b.jpg)

Mike

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the linked infinite-scroll Masonry demo in Safari private browsing with uncached images, comparing the first load with subsequent loads and other browsers. Investigate the image-loading and infinite-scroll interaction; done means images no longer appear behind the colored blocks on the initial load.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, jquery
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.