Webview scroll jumps erratically when scrolled fast enough

Bug description:

Scrolling inside webview is not behaving properly, when you scroll fast enough, it jumps erratically. This doesn’t happen when you scroll slowly though.

To Reproduce:

Freshly created project using react-native-webview 5.12.1.

<WebView source={{uri: "https://mnurrahman.com"}} />

Expected behavior:

Scroll normally without jumps when you scroll fast.

Screenshots/Videos:

https://youtu.be/W_44lhPTJ6k

Environment:

• OS: Android
• OS version: Android 9.0
• react-native version: 0.59.5
• react-native-webview version: 5.12.1

I can’t upgrade the webview to the newest version because of AndroidX. I would like to use react-native-webview version if possible < 6.0. Any help would be appreciated. Thanks!

[MossP]

Any joy on this one? I’m also seeing this behaviour on 10.8.2

[martinthedinov]

I had the same issue on the latest React Native and react-native-webview on Android. The solution was to add this attribute to the <WebView> element:

androidHardwareAccelerationDisabled={false}