Text wrapping size calculation is broken
Open
Nobody has claimed this yet.
Issue: Author Provided Repro
Type: New Architecture
- Dominant language
- C++
- Stars
- 127k
- Forks
- 25.3k
- Avg merge
- 1d 23h
- Merged PRs (30d)
- 4
Description
Description
Whenever you have:
<View with direction row>
<View with fixed size/>
<LongText that should wrap />
</View>
The view with fixed size is not taken into account and the text is going out of bounds
Steps to reproduce
Just start the app:
https://snack.expo.dev/@titozzz/text-wrap-bug
React Native Version
0.79.5
Affected Platforms
Runtime - Android, Runtime - iOS
Areas
Other (please specify)
Output of npx @react-native-community/cli info
This is not relevant
Stacktrace or Logs
This is not relevant
MANDATORY Reproducer
https://snack.expo.dev/@titozzz/text-wrap-bug
Screenshots and Videos
No response
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 by running the linked Expo Snack reproducer with React Native 0.79.5 on Android and iOS, then trace the text-wrapping layout path; the issue names no source file or test. Done means the fixed-size sibling is included in available width and the long text wraps within the parent bounds on both platforms, with regression coverage added where appropriate.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100