Text cut off on Android 13+
Open
Nobody has claimed this yet.
Issue: Author Provided Repro
Platform: Android
- Dominant language
- C++
- Stars
- 127k
- Forks
- 25.3k
- Avg merge
- 1d 23h
- Merged PRs (30d)
- 4
Description
Description
Text is cutting off vertically on Android 13+.
Tested both on old and new arch.
There's a couple of issues with similar topics (none mentioning new arch, nor with an easy repro):
- https://github.com/facebook/react-native/issues/15114
- https://github.com/facebook/react-native/issues/37764
- https://github.com/facebook/react-native/issues/41559
- https://github.com/facebook/react-native/issues/36992
- https://github.com/facebook/react-native/issues/36336
- https://github.com/facebook/react-native/issues/36350
Steps to reproduce
- Use
༼ つ ◕_◕ ༽つ testtext anywhere
React Native Version
0.73.4
Affected Platforms
Runtime - Android
Areas
Fabric - The New Renderer
Output of npx react-native info
System:
OS: macOS 14.3
CPU: (8) arm64 Apple M1 Pro
Memory: 121.52 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.15.0 - ~/.nvm/versions/node/v18.15.0/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 9.5.0 - ~/.nvm/versions/node/v18.15.0/bin/npm
Watchman: Not Found
Managers:
CocoaPods: Not Found
SDKs:
iOS SDK:
Platforms: DriverKit 23.2, iOS 17.2, macOS 14.2, tvOS 17.2, visionOS 1.0, watchOS 10.2
Android SDK:
API Levels: 23, 28, 30, 31, 33, 34
Build Tools: 23.0.1, 23.0.2, 25.0.0, 25.0.1, 25.0.2, 25.0.3, 26.0.1, 26.0.2, 26.0.3, 27.0.1, 27.0.3, 28.0.3, 29.0.0, 29.0.1, 29.0.2, 29.0.3, 30.0.2, 30.0.3, 31.0.0, 33.0.0, 33.0.1, 34.0.0
System Images: android-31 | ARM 64 v8a, android-31 | Google APIs Intel x86 Atom_64, android-31 | Google Play ARM 64 v8a, android-33-ext5 | Google Play ARM 64 v8a
Android NDK: 23.0.7344513-beta4
IDEs:
Android Studio: 2022.2 AI-222.4459.24.2221.9862592
Xcode: 15.2/15C500b - /usr/bin/xcodebuild
Languages:
Java: 17.0.8 - /usr/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 17.0.2 => 17.0.2
react-native: RocketChat/react-native#1b987e4ae3d5e912fda77da5215912ec15f14327 => 0.68.7
react-native-macos: Not Found
npmGlobalPackages:
*react-native*: Not Found
### Stacktrace or Logs
```text
n/a
Reproducer
https://snack.expo.dev/@diegolmello/gimme-text-cutoff
Screenshots and Videos
SDK 33
SDK 31
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 Snack reproducer and run it on Android 13+ using SDK 31 and SDK 33, comparing old and new architectures. Investigate the Fabric text-rendering path for the ༼ つ ◕_◕ ༽つ test case; done means the text is no longer vertically cut off on the affected Android versions.
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