Repository navigation
Text is cut off when inside a View with flexDirection: 'row' and Android “Bold text” setting is enabled #54931
Description
Description
When you enable the Android "Bold text" accessibility setting, <Text> components rendered inside a <View> with flexDirection: 'row' don't work correctly (text is cut off).
This issue happens in:
- 0.84.0-nightly-20251218-c7f433a41 (that includes this fix that seems to be related).
- 0.83.1
- 0.81.5 (old arch)
Devices tested:
- Pixel 9 Pro (emulator) + Android 16
- Pixel 8 (emulator) + Android 14
- Galaxy S23 + Android 16 + One UI 8.0
Minimal repro (ensure "Bold text" option is enabled):
<View>
<View style={{ flexDirection: 'row' }}>
<Text style={{ fontSize: 12 }}>fontSize: 12</Text>
</View>
</View>Steps to reproduce
- Go to Android settings, "Display & touch", "Display size and text" and enable the "Bold text" toggle.
- Open the reproducer app.
React Native Version
0.84.0-nightly-20251218-c7f433a41, 0.83.1, 0.81.5 (old arch)
Affected Platforms
Build - MacOS, Runtime - Android
Output of npx @react-native-community/cli info
System:
OS: macOS 15.7
CPU: (8) arm64 Apple M2
Memory: 238.00 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 22.19.0
path: /Users/snowflake/.asdf/installs/nodejs/22.19.0/bin/node
Yarn:
version: 1.22.22
path: /Users/snowflake/.asdf/installs/nodejs/22.19.0/bin/yarn
npm:
version: 10.9.3
path: /Users/snowflake/.asdf/plugins/nodejs/shims/npm
Watchman: Not Found
Managers:
CocoaPods:
version: 1.16.2
path: /Users/snowflake/.asdf/shims/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.1
- iOS 26.1
- macOS 26.1
- tvOS 26.1
- visionOS 26.1
- watchOS 26.1
Android SDK: Not Found
IDEs:
Android Studio: 2025.1 AI-251.25410.109.2511.13752376
Xcode:
version: 26.1.1/17B100
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.9
path: /usr/bin/javac
Ruby:
version: 3.2.2
path: /Users/snowflake/.asdf/shims/ruby
npmPackages:
"@react-native-community/cli":
installed: 20.0.0
wanted: 20.0.0
react:
installed: 19.2.0
wanted: 19.2.0
react-native:
installed: 0.84.0-nightly-20251218-c7f433a41
wanted: 0.84.0-nightly-20251218-c7f433a41
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: Not found
newArchEnabled: false
Stacktrace or Logs
None.
MANDATORY Reproducer
https://github.com/Lego4m/reproducer-react-native-android-bold-text
Screenshots and Videos
| "Bold text" off | "Bold text" on |
|---|---|
 |
 |
Reacted by michaelcohen-at, grantackerman, William Ford and klaw91
Activity
grantackerman commentedon Jan 13, 2026
Same issue
cortinico commentedon Jan 13, 2026
@chrfalch can you look into this one and confirm if #54721 fixes it?
For context, #54721 is not enabled by default as we're currently running an experiment. If the experiment shows no regression we're going to enable the fix in 0.85
atlj commentedon Mar 13, 2026
@cortinico I'm on
0.84.1, and enabled experimental. It's still broken when I enable bold text (Android 16 emulator):Forked the original reproducer here
Fix Android Text clipping with Bold text setting (react#57118)