react-native icon indicating copy to clipboard operation
react-native copied to clipboard

Text is cut off when inside a View with flexDirection: 'row' and Android “Bold text” setting is enabled

Open Lego4m opened this issue 4 weeks ago • 0 comments

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

  1. Go to Android settings, "Display & touch", "Display size and text" and enable the "Bold text" toggle.
  2. 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
Image Image

Lego4m avatar Dec 18 '25 19:12 Lego4m