Description

We noticed an issue on our app that is using a lot of text (news articles), where in some specific cases the text is not fully rendered on iOS, after we moved into using the new architecture in our last release. I'm not sure what are all the factors that are needed for the issue to occur, but I was able to make a reproducer with some experimenting.

Steps to reproduce

Reproducer Snack can be found on: https://snack.expo.dev/@pekka.soutua/text-cut-off-on-ios
Note that it's important to use the iPhone 16 Pro emulator, since the issue seems to be dependant on e.g. screen dimensions. I also tested that the issue reproduces on the issue reproducer template with the latest React Native version: https://github.com/soutua/react-native-new-architecture-text-rendering-issue

Scroll down the text until you see a paragraph with text "Consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit. This sentence is cut off.".

The sentence in the end "This sentence is cut off.", is not being fully rendered, the rest of it should be rendered on the next line but it isn't.

React Native Version

0.81.0

Affected Platforms

Runtime - iOS

Areas

Fabric - The New Renderer

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

Reproducible e.g. on the snack.expo.dev environment or on the issue reproducer template.

Stacktrace or Logs

-

MANDATORY Reproducer

https://snack.expo.dev/@pekka.soutua/text-cut-off-on-ios

Screenshots and Videos