TextInput breaks when text is too big

Current behaviour

When value is too big, TextInput breaks the text as if it has the multiline prop, but doesn’t expand the container.

I noticed there is some bug on TextInput with multiline when creating the app with CRNA, which is my case. Though, I didn’t see anything related with this.

Expected behaviour

The text on the TextInput shouldn’t add another line below, just shift the content.

Code sample

<View style={styles.inputContainer}>
    <TextInput
        label={helpModalTitleLabel}
        placeholder=''
        onChangeText={(title) => this.setState({ title })}
        value={this.state.title}
        autoCorrect={true}
        keyboardType={'default'}
        autoCapitalize={'sentences'}
        style={styles.input}
    />
</View>

const styles = StyleSheet.create({
    inputContainer: {
        alignItems: 'center',
        padding: 20
    },
    input: {
        width: '100%'
    }
});

Screenshots (if applicable)

On this second screenshot, I wrote more than 2 lines of text.

What have you tried

Tried removing the component from inside Overlay (react-native-elements), but the bug is still there.

Your Environment

software	version
ios or android	ios
react-native	0.55.4
react-native-paper	1.11.0
node	8.11.2
npm or yarn	npm 6.1.0

[lucasharada]

@satya164, I cleared the cache and it worked as expected. Thanks!

[joaovpmamede]

@satya164 getting the same as the others even with numberOfLines. Is this a known issue? I’m using the TextInput with mode="outlined"