react / react/react-native

Problem with lineHeight in TextInput

Open
#31,112 11 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Component: TextInput Issue: Author Provided Repro Needs: Issue Manager Attention
Dominant language
C++
Stars
127k
Forks
25.3k
Avg merge
1d 23h
Merged PRs (30d)
4

Description

Hi! 👋

I found some bug with TextInput.
When i change the lineHeight props for my custom - three dots at the end of the TextInput when the text is too long disappears.
react-native: "0.63.4"

Zrzut ekranu 2021-03-8 o 16 35 13

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the TextInput behavior in React Native 0.63.4 with a custom lineHeight and text long enough to overflow, using the attached screenshot as the reference. Determine the affected platform and whether the trailing three dots disappear consistently; done means the ellipsis remains visible when the text is too long.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.