Text inside the ScrollView has massive vertical and horizontal overflow on the first render

[hryhoriiK97]

Environment

react-native -v: 0.81.6
npm ls react-native-macos: 0.81.4
node -v: v22.21.1
npm -v: 10.9.4
yarn --version: 4.11.0
xcodebuild -version: Xcode 26.1.1 (Build 17B100)

Steps to reproduce the bug

1. Wrap a large amount of content in a Text component, nested inside a ScrollView.

<ScrollView>
      <Text>
       {content}
      </Text>
 </ScrollView>

2. Observe the initial render: the layout displays unexpected behavior with huge vertical and horizontal scrollable areas.

3. Resizing the application window forces a re-calculation, causing the issue to disappear.

Expected Behavior

Expected normal behavior and height calculation without huge overflows vertically and horizontally.

This issue has been identified while working on macOS support for react-native-enriched-markdown.

Actual Behavior

Screen.Recording.2026-03-19.at.13.46.49.mov

Reproducible Demo

No response

Additional context

No response

[hryhoriiK97]

@Saadnajmi do you have any idea what could be the root of this issue? 🤔