microsoft / microsoft/react-native-windows
[Fabric] Multiline TextInput calculates the number of lines incorrectly and doesn't show fontfamily/letterSpacing
Open
@anupriya13 is already working on this.
Since Apr 7, 2025.
Area: Fabric
Area: Layout
Area: TextInput
bug
New Architecture
Workstream: Component Parity
- Dominant language
- C++
- Stars
- 17.3k
- Forks
- 1.2k
- Avg merge
- 1d 13h
- Merged PRs (30d)
- 33
Description
Problem Description
Originally from https://github.com/microsoft/react-native-windows/issues/14357
- Multiline calculates the number of lines incorrectly with varying characters, which becomes more noticeable when the text is long.
- Properties like letterSpacing seem to be accounted for in determining number of lines, but doesn't show visually
- ^^ Same for other font families - it seems to realize it's a different font family when trying to calculate number of lines/height, but visually it does not show the passed-in font
- If a defaultValue (and I think value too) is set, that seems to be taken into account for multiline wrapping, but if it's removed it seems to treat it like that text still exists (2nd video)
https://github.com/user-attachments/assets/4057a76a-7ef6-40db-be2a-29d4fc58c3a4
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.