callstack / callstack/react-native-paper

Text input number of lines and multiline not working in iOS.

Open
#4,792 5 comments 1 reaction 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour

I set the number of lines to be 1 and multiline to false. But the text value was still displaying in 2 lines. It's overflowing.

### Expected behaviour

The text value should display in fixed one line. (like in Android)

### How to reproduce?

` setText(text)}
mode="outlined"
numberOfLines={1}
multiline={false}
/>`

### Preview

iOS:
Image

Android: working fine, showing 1 line.

### What have you tried so far?

Originally, I have a custom TextInput that I'm using where I saw the issue. To rule out the cause, I used the standard TextInput from react native paper and I figured out that they have the same issue.

### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.79.4
| react-native-paper | 5.14.5
| expo sdk | 53.0.15

Contributor guide

Open the contributing guide

Research direction

Start with the provided TextInput reproduction using numberOfLines={1} and multiline={false}, then compare the iOS and Android behavior in the listed React Native Paper and Expo versions. Done means the iOS input keeps the text on one line without overflow while preserving the Android behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.