search

callstack / react-native-paper

Material Design for React Native (Android & iOS)
https://reactnativepaper.com
MIT License
12.51k stars 2.05k forks source link

Multiline not working on iOS #1750

Closed nthegedus closed 3 years ago

nthegedus commented 4 years ago

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

react-native-paper

Trancever commented 4 years ago

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

StebanDev commented 4 years ago

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

mmehmetAliIzci commented 4 years ago

Any news on this ?

v-anton commented 3 years ago

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

github-actions[bot] commented 3 years ago

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 commented 3 years ago

Still appear with react-native-paper 4.0.1

wwwenjie commented 3 years ago

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 commented 2 years ago

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 commented 1 year ago

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 commented 1 month ago

This issue is still there!