[Android][RN 0.81] TextLayoutEvent reports multiple lines for single-line text

[vicprz]

Description

On Android, since Expo SDK 54 / React Native 0.81, the TextLayoutEvent nativeEvent.lines array can have more lines than the text actually has.

The bug only occurs with some strings (in my example, I have the bug with the string AAAA, but not with the string AAA).

I was able to reproduce the bug when the text is centered in a view (alignItems: 'center' on the parent view), and not when I remove the alignItems: 'center'.

Finally, I think the bug depends on device's screen dimensions, because on Expo Snack, with my example string, I have the bug on a Pixel 8, but not on a Pixel 9 Pro.

Steps to reproduce

1. Launch the Snack
2. Select an Android device and a Pixel 8 model
3. Observe: on the device, the text is rendered on one line, but in the logs, e.nativeEvent.lines.length returns 2

React Native Version

0.81.5

Affected Platforms

Runtime - Android

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

N/A since I'm using Expo Snack

Stacktrace or Logs

N/A since it's not a crash

MANDATORY Reproducer

https://snack.expo.dev/@victorpe/bug---text-layout-event-reports-multiple-lines-for-single-line-text-on-android?platform=android

Screenshots and Videos

[1987cr]

Same issue happening for us, words like "You" get split like this:

[{"ascender": 22.4761905670166, "capHeight": 16.502857208251953, "descender": 5.714285850524902, "height": 28.190475463867188, "text": "Yo", "width": 25.448808670043945, "x": 0, "xHeight": 12, "y": 0}, {"ascender": 22.4761905670166, "capHeight": 16.502857208251953, "descender": 5.714285850524902, "height": 28.190475463867188, "text": "u", "width": 13.333333015441895, "x": 0, "xHeight": 12, "y": 28.190475463867188}]

[Thotaharshavardhani]

Hello @vicprz, Thanks for sharing this issue with us, I was able to reproduce the issue using snack reproducer.

[trevor-yang]

same in 0.82.1

[QUBITABHAY]

@vicprz, can you assign this issue to me?

[vicprz]

Hi @QUBITABHAY, thanks for your help!
Unfortunately, I don’t have enough permissions on this repo to assign the issue to you. Maybe you could ask a React Native maintainer?

[cortinico]

Duplicates #54552