PaddingLeft on Horizontal ScrollView truncates the right of the list on Android only
Nobody has claimed this yet.
- Dominant language
- C++
- Stars
- 127k
- Forks
- 25.3k
- Avg merge
- 1d 23h
- Merged PRs (30d)
- 4
Description
Description
Hello,
I've encountered the following issue on Android only (works perfectly on iOS & web)
Using ScrollView, I created a horizontal scrollable list of items. But when I apply paddingLeft to the ScrollView, the last item of the list is truncated on Android devices.
Steps to reproduce
- Go to https://snack.expo.dev/@wreyno/awkward-green-waffle
- Launch on iOS & Web and notice Option 10 is not truncated
- Launch on Android and see Option 10 is truncated
React Native Version
0.79.4
Affected Platforms
Runtime - Android
Output of npx @react-native-community/cli info
N/A
Stacktrace or Logs
N/A
MANDATORY Reproducer
https://snack.expo.dev/@wreyno/awkward-green-waffle
Screenshots and Videos
iOS, Option 10 is not truncated
Android, Option 10 is truncated
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked Expo Snack reproducer and confirm the horizontal ScrollView behavior on Android, iOS, and web. Trace the Android-specific ScrollView behavior that handles padding and compare it with the working platforms; done means the final item is no longer truncated on Android while the other platforms remain unaffected.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android, react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100