ScrollView behavior on scroll. Android 10+

[Oples]

Description

When trying to scroll beyond the top and the bottom of the ScrollView the window "bounces" and moves in the opposite direction.
This leads to an unpleasant user experience and an unpredictable interaction with the UI.

Version

0.67.3

Output of npx react-native info

System:
    OS: Linux 5.15 Manjaro Linux
    CPU: (12) x64 AMD Ryzen 5 5600X 6-Core Processor
    Memory: 551.49 MB / 15.61 GB
    Shell: 5.1.16 - /bin/bash
  Binaries:
    Node: 14.18.1 - ~/.nvm/versions/node/v14.18.1/bin/node
    Yarn: 1.22.17 - /usr/bin/yarn
    npm: 6.14.15 - ~/.nvm/versions/node/v14.18.1/bin/npm
    Watchman: Not Found
  SDKs:
    Android SDK: Not Found
  IDEs:
    Android Studio: AI-211.7628.21.2111.8139111
  Languages:
    Java: 11.0.13 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.67.3 => 0.67.3 
  npmGlobalPackages:
    *react-native*: Not Found

Steps to reproduce

Create a ScrollView with enough content to scroll and build for an APK for Android
test with Android version 10 or above.

scrollview-bug.mp4

I tested on Android 10 and 11 devices and the issue persists
However, on older Android 7 devices and the component works as intended.

Snack, code example, screenshot, or link to a repository

Expo snack example https://snack.expo.dev/@oples/scroll-view-example it's possible to reproduce the bug in the appetize.io Android 10 emulator.

[thomasgrivet]

Hello, we also have this issue. Did you find any solution?

[Oples]

No, I did not find any solution.
In the meantime, I had to change my phone and I am now unable to reproduce the bug.

Providing more information:
I had a Ulefone 11P (Android 11) which has a 720x1600px display
And now a Oneplus Nord CE (Android 11) ‎1080x2400px display

I'm starting to think that is an issue related to the Android ROM provided by the vendor.

[dhleong]

I don't know if this this quite the same issue, but I have a pretty reliable reproduction where, if you start scrolling one direction then quickly fling in the opposite direction, the view will actually scroll in the first direction, instead of the flung direction—see attached video (where the last scroll indicates the expected behavior). I've seen similar weird behavior in other parts of a production app with other repros, but this one is the most consistent.

weird-scroll.mp4

I've tried reproducing with a plain Android ScrollView in a native Android app and everything works as expected. I started trying to copy some of the code from React Native's subclass of ScrollView to see if I can reproduce in isolation, but no luck so far....

ETA: This is on a stock Pixel 4, so no OEM fiddling involved

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.

[github-actions]

This issue was closed because it has been stalled for 7 days with no activity.