Multiline not working on iOS

[nthegedus]

Environment

React Native Environment Info:
react-native: 0.59.9
react-native-paper: 3.6.0

Description

I'm facing this issue occurring only on iOS, numberOfLines is 1 and multiline is false.
While the input is focused, there's nothing wrong. The problem is when it loses the focus and the text is too long. The input breaks the text in a new line. The text max length is 80.

<PaperTextInput numberOfLines={1} multiline={false} ... />

Demo

[Trancever]

I believe this is an issue in RN core. Can you confirm that TextInput from RN with textAlign set works properly?

[StebanDev]

I can confirm this behavior is only happening with TextInput from paper on iOS

[mmehmetAliIzci]

Any news on this ?

[v-anton]

Seems like 'textAligh': 'left' breaks the behavior of the component. Setting it to 'textAligh': 'auto' helps.

[github-actions]

Hello 👋, this issue has been open for more than 2 months with no activity on it. If the issue is still present in the latest version, please leave a comment within 7 days to keep it open, otherwise it will be closed automatically. If you found a solution on workaround for the issue, please comment here for others to find. If this issue is critical for you, please consider sending a pull request to fix the issue.

[vfa-namnk]

Still appear with react-native-paper 4.0.1

[wwwenjie]

Still apper with 4.7.2 also, maybe we can reopen this issue?
Find a way to fix: add textAlign: auto to input style

[FaisalKhawaj]

TextInput multiline working fine on android , but not working on ios .
Here is the code :
<TextInput
keyboardAppearance="dark"
numberOfLines={3}
multiline={true}
textAlignVertical="top"
onChangeText={(val) => setProfileDescription(val)}
style={mystyles.simpleTextInput}
placeholder="Profile Description" placeholderTextColor="#111B18" />

[mirzazaman]

Web need to Add minHeight in style.
Like:
<TextInput
multiline={true}
style={{
// For iOS
minHeight: 250,
}}
// For Android
numberOfLines={15}
dense
mode="outlined"
label="Summary"
/>

[IanDaley]

This issue is still there!

[sonalradical]

This issue is still there!

[oussamakh96]

Add maxHeight={35} solve the problem choose the number wiith the Height of your input