Microsoft/react-native-windows

[Fabric] Can't access overflowed text in TextInput and height wrongly increases

Open

#14379 opened on Feb 27, 2025

View on GitHub
 (1 comment) (0 reactions) (0 assignees)C# (6,114 stars) (544 forks)batch import
Area: FabricArea: LayoutArea: TextInputNew ArchitectureWorkstream: Component Paritybughelp wanted

Description

Problem Description

Originally from https://github.com/microsoft/react-native-windows/issues/14357

If text extends past the end of the input, we can't access the text (it doesn't "scroll" to the overflowed text). It also increases the height of the input even though multiline is not set (and does not wrap)

Image

Contributor guide

Tech stack
javascriptreactcpp
Domain
frontenddesktop
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
React Native basicsC++ understanding
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
The issue describes a bug where TextInput overflowed text is inaccessible and height increases unexpectedly on Windows. Investigate the TextInput component in React Native Windows, focusing on native code (likely C++ files in `vnext/`) handling height and scrolling. Check the linked original issue (#14357) for additional context. Look for view manager or native module implementations related to TextInput to understand how overflow and height are currently handled.