GoogleChromeLabs / proxx

A game of proximity
https://proxx.app
Apache License 2.0
1.31k stars 124 forks source link

Jittery bounce when scrolling in Chrome on iOS #436

Open Krinkle opened 5 years ago

Krinkle commented 5 years ago

Debug info

Version: 1.0.2
Motion: false
Supports WebGL: true
Feature Phone: no
Standalone Mode: no
Screen Width: 320px
Screen Height: 452px
DPR: 2
Device Memory:
Concurrency:
UA: Mozilla/5.0 (iPhone; CPU iPhone OS 11_3 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) CriOS/73.0.3683.68 Mobile/15E148 Safari/604.1

3158D286-C187-481C-AD2E-0CA6CAA9101E

Describe the bug

Opening the web app and scrolling causes a 10-20 second long jittery bounce effect that gradually slows down.

It also seems the bottom of the page, where the About button is, loses its position in the blue area as a result, and once lost in the black overflow it appears the button does not work.

kosamari commented 5 years ago

Hi @Krinkle - thanks for the report. I'm looking at the app v1.0.3 and on my iPhone and can not reproduce the bug. Could you check if the bug still exists on 1.0.3?

Krinkle commented 5 years ago

Aye, it still happens I'm afraid. Same as before.

Version: 1.0.3
Motion: false
Supports WebGL: true
Feature Phone: no
Standalone Mode: no
Screen Width: 320px
Screen Height: 451px
DPR: 2
Device Memory:
Concurrency:
UA: Mozilla/5.0 (iPhone; CPU iPhone OS 11_3 like Mac OS X) AppleWebKit/604.1.34 (KHTML, like Gecko) CriOS/73.0.3683.68 Mobile/15E148 Safari/604.1

It works fine in Mobile Safari and Firefox Focus, but in Chrome for iOS, dragging upwards from anywhere on the screen (to scroll down) results in this jittery chain reaction.

Note that it happens without a screen recording active as well (in case the reduced screen height during recording was a concern). I suspect it might have something to do with the pull-to-refresh behaviour that Chrome has, which makes touch and scroll gestures quite hard to get right in this browser. I don't remember the specifics, though.