Microsoft/react-native-windows

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

Open

#14,379 opened on Feb 27, 2025

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

Repository metrics

Stars
 (6,114 stars)
PR merge metrics
 (Avg merge 3d 17h) (62 merged PRs in 30d)

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

Research direction
Investigate the Fabric TextInput component in the native code to understand how overflow and height are calculated. Focus on the layout logic for single line mode.
Tech stack
reactcsharp
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitVisual Studio
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50