metafizzy / metafizzy/infinite-scroll

Full page demo content-shrink on mobile

Open
#676 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
7.5k
Forks
1.7k
PR merge metrics
No merged PRs in 30d

Description

The full page demo will suddenly shrink the content (change zoom level maybe?) on mobile safari when scrolling down. I suspect it happens when _3d - Holograms_ gets loaded but isn't yet in the viewport because the video width is wider than the rest. It's not necessarily a bad thing but is unexpected and jarring.

![full screen demo width shrink](https://user-images.githubusercontent.com/187270/27652388-362bc954-5bd7-11e7-82d4-12e50b6dc4f6.PNG)

**Test case:** https://infinite-scroll.com/demo/full-page/

Contributor guide

Open the contributing guide

Research direction

Start with the full-page demo at https://infinite-scroll.com/demo/full-page/ and reproduce the content-width change while scrolling in mobile Safari. Check whether loading the _3d - Holograms_ section triggers the shrink; done means the demo no longer unexpectedly changes zoom or content width during that interaction.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, mobile-dev
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.