Fractional metrics with inline Views cause inconsistent Text wrapping

[ksnyder9801]

Description

on Android, Text containing an inline positions the outside the bounding box of its parent as if it was wrapping. This is affected by font size, font scaling, and both the size and position of the container.

Steps to reproduce

Compare snack with screenshots

React Native Version

0.81.5

Affected Platforms

Runtime - Android

Areas

Fabric - The New Renderer

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

n/a

Stacktrace or Logs

n/a

MANDATORY Reproducer

https://snack.expo.dev/@codatrigger/shallow-orange-chips

Screenshots and Videos

Web: ideal appearance

iOS: unrelated baseline positioning bug, otherwise correct

Android: width reserved but positioned on next "line"

[Thotaharshavardhani]

I was able to reproduce this issue on my end.

[spyshower]

Maybe this happens in 0.81.5 only? We will have to wait a few more days because changelogs take a really long time.

[cortinico]

0.81.5

Has this regressed recently @ksnyder9801 ? Was it working correctly in a previous version of React Native?

[ksnyder9801]

@cortinico From the snack we can see that it works in Expo 53 (RN 0.79.x also New Architecture), so it appears to be a recent regression.
I have confirmed locally that it also repros on 0.81.4.