Last Character Randomly Missing in <Text> Component

[WenBin0201]

Description

On React Native 0.78.0 with react 19.0.0, we've encountered an intermittent issue where the last character inside a component is not rendered on some Android devices. This only happens occasionally and is hard to consistently reproduce.

Steps to reproduce

Users using Xiaomi and OPPO devices occasionally encounter the text clipping issue (last character missing) upon initial app startup.

During my own debugging, I was able to reproduce the issue more reliably by changing the system font size or weight in Android settings. After adjusting the font settings and returning to the app, the last character of a component sometimes disappears.

React Native Version

0.78.0

Affected Platforms

Runtime - Android

Areas

Fabric - The New Renderer

Output of npx @react-native-community/cli info

info Fetching system and libraries information...
System:
  OS: macOS 15.2
  CPU: (10) arm64 Apple M4
  Memory: 187.80 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 23.11.0
    path: /opt/homebrew/opt/node@23/bin/node
  Yarn:
    version: 1.22.22
    path: /opt/homebrew/bin/yarn
  npm:
    version: 10.9.2
    path: /opt/homebrew/opt/node@23/bin/npm
  Watchman:
    version: 2025.05.19.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.4
      - iOS 18.4
      - macOS 15.4
      - tvOS 18.4
      - visionOS 2.4
      - watchOS 11.4
  Android SDK:
    API Levels:
      - "35"
    Build Tools:
      - 34.0.0
      - 35.0.0
      - 35.0.1
      - 36.0.0
    System Images:
      - android-36 | Google Play ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2024.3 AI-243.24978.46.2431.13363775
  Xcode:
    version: 16.3/16E140
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.14
    path: /Library/Java/JavaVirtualMachines/zulu-17.jdk/Contents/Home/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.1
    wanted: 15.0.1
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.78.0
    wanted: 0.78.0
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Stacktrace or Logs

no

MANDATORY Reproducer

Screenshots and Videos

No response

[react-native-bot]

Warning

Missing reproducer: We could not detect a reproducible example in your issue report. Reproducers are mandatory and we can accept only one of those as a valid reproducer:

• For majority of bugs: send us a Pull Request with the RNTesterPlayground.js edited to reproduce your bug.
• If your bug is UI related: a Snack
• If your bug is build/upgrade related: a project using our Reproducer Template

You can read more about about it on our website: How to report a bug.

[migueldaipre]

Hello @WenBin0201, thank you for reporting this, but we need a valid reproducer.

Please use our Reproducer Template and specify the device models and how to simulate the issue.

[WenBin0201]

Since this happens on users' devices, I can only provide screenshots and cannot test it directly. However, I noticed that it looks similar to this issue:
#50916

[WenBin0201]

I just initialized a new React Native project with version 0.80.2, and simulated the issue by increasing the system font size and weight on the device.

After changing the font size and weight, I observed that some text (usually the last character) gets truncated or disappears, which is consistent with what my users (on Xiaomi and OPPO devices) are experiencing.

It seems to be similar to this issue: #50916

Unfortunately, since this mainly happens on end users' devices, I can only provide screenshots, not a full reproduction.

2025-08-05_101942_873.mp4

[migueldaipre]

Closing as duplicate of #50916.

[milon27]

facing this on xiaomi 15