[HOLD #12054] [$1000] Conversation DM bounces, flickers, and lags when scrolling downward in a long chat

isagoico commented 3 years ago

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

Expected Result:

Scrolling through a chat DM should be smooth (doesn't bounce, flicker, or lag) regardless of conversation length.

Actual Result:

The chat DM bounces when scrolling downward in a long conversation.

Action Performed:

Open the Expensify.cash app on an Android device
Navigate to a chat DM that has a long conversation of back and forth.
Scroll upwards for a few seconds.
Stop scrolling upward, and then slowly scroll downard at a reading speed.

Note: lag and flickering behavior is especially worsened if you:

Scroll slowly by tapping and releasing your finger each time (i.e. after each scroll downward, lift your finger, wait a moment, and then repeat...)
Fully expand the keyboard and scroll downward slowly.

Workaround:

You can still scroll, but it's a poor UX and the scroll should be smooth.

Platform:

Where is this issue occurring? All platforms

Web iOS Android Desktop App Mobile Web

Version Number: 1.0.65-0

Notes/Photos/Videos:

https://user-images.githubusercontent.com/44479856/115792143-beb73900-a397-11eb-9183-c9f9dc35da61.mp4

Expensify/Expensify Issue URL: https://www.upwork.com/jobs/~0140ca576a3b244cff

View all open jobs on Upwork

From @quinthar https://expensify.slack.com/archives/C01GTK53T8Q/p1619067337008500

ISSUE: scrolling backwards seems to work great, but when you scroll forwards it Jitters all over the place. It's very hard to describe, but it's perfectly reproducible on android. Just go into a long conversation, scroll back a few pages, and then scroll forward slowly, and it bounces all over the place.