Description
maintainVisibleContentPosition does not maintain scroll position when items are added rapidly to the beginning of FlatList data (intervals < 200ms), causing scroll jumps and poor UX in chat applications.
Steps to reproduce
- Use the provided reproduction code
- Scroll to the bottom of the list
- Start rapid updates (80ms interval)
- Observe scroll position jumping despite
autoscrollToTopThreshold being passed 10. This doesn't happen when messages are sent slowly >500ms.
React Native Version
0.81.1
Affected Platforms
Runtime - iOS, Runtime - Android
Output of npx @react-native-community/cli info
System:
OS: macOS 15.6
CPU: (12) arm64 Apple M2 Pro
Memory: 2.35 GB / 32.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 22.14.0
path: ~/.nvm/versions/node/v22.14.0/bin/node
Yarn:
version: 1.22.22
path: ~/.yarn/bin/yarn
npm:
version: 11.5.1
path: ~/.nvm/versions/node/v22.14.0/bin/npm
Watchman:
version: 2024.12.02.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.16.2
path: /Users/khushalagarwal/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 24.5
- iOS 18.5
- macOS 15.5
- tvOS 18.5
- visionOS 2.5
- watchOS 11.5
Android SDK:
API Levels:
- "28"
- "31"
- "33"
- "34"
- "35"
- "36"
Build Tools:
- 30.0.3
- 31.0.0
- 33.0.0
- 33.0.1
- 34.0.0
- 35.0.0
- 35.0.1
- 36.0.0
System Images:
- android-28 | Google ARM64-V8a Play ARM 64 v8a
- android-33 | Google APIs ARM 64 v8a
- android-33 | Google Play ARM 64 v8a
- android-34 | Google APIs ARM 64 v8a
- android-34 | Google Play ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2024.3 AI-243.26053.27.2432.13536105
Xcode:
version: 16.4/16F6
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.10
path: /usr/bin/javac
Ruby:
version: 3.1.1
path: /Users/khushalagarwal/.rbenv/shims/ruby
npmPackages:
"@react-native-community/cli": Not Found
react: Not Found
react-native: Not Found
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: true
Stacktrace or Logs
MANDATORY Reproducer
https://github.com/khushal87/RNFlatListIssue/blob/main/App.tsx
Screenshots and Videos
No response
Description
maintainVisibleContentPositiondoes not maintain scroll position when items are added rapidly to the beginning of FlatList data (intervals < 200ms), causing scroll jumps and poor UX in chat applications.Steps to reproduce
autoscrollToTopThresholdbeing passed 10. This doesn't happen when messages are sent slowly >500ms.React Native Version
0.81.1
Affected Platforms
Runtime - iOS, Runtime - Android
Output of
npx @react-native-community/cli infoStacktrace or Logs
MANDATORY Reproducer
https://github.com/khushal87/RNFlatListIssue/blob/main/App.tsx
Screenshots and Videos
No response