Screen glitching on iOS Fabric

[TheKohan]

Description:

I'm experiencing a glitch with the MarkdownTextInput component when it's used within a ScrollView that is embedded using native-stack navigation. This issue occurs on React Native version 0.75.4 using the new architecture (Fabric). Importantly, the issue does not occur when using normal stack navigation and is not reproducible on Android (sim).

Screen.Recording.2024-10-16.at.09.48.35.mov

Steps to Reproduce:

1. Use MarkdownTextInput within a ScrollView
2. Embed the ScrollView using native-stack navigation
3. Put focus on the MarkdownTextInput when it's outside of view initially (needs to be scrolled down to)

Expected Behavior:

The MarkdownTextInput should function smoothly without any visual glitches when focused.

Actual Behavior:

The MarkdownTextInput glitches when it receives focus.

Environment:

• React Native Version: 0.75.4
• Architecture: New Architecture (Fabric)
• Navigation: Native Stack Navigation
• Device/Simulator: iPhone 16 Pro
• OS Version: iOS 18

Reproduction Repository:

I have created a reproduction of this issue in the following repository:
https://github.com/TheKohan/rn-lm-fabric-repro

Additional Information:

• The issue only occurs when using native-stack navigation. With normal stack navigation, the MarkdownTextInput works fine.