React-native-paper: TextInput in outlined mode : crop text / content can be scroll verticaly

[ludwig-pro]

Environment

"react-native-paper": "^3.6.0" on Android

Description

Text inside textInput can be scroll verticaly and crop when you use height with style prop in outlined mode. Look like there is a problem with paddingVertical.

<TextInput
        mode="outlined"
        placeholder="I'm crop and can scroll verticaly 🙁"
        style={{ height: 64}}
        value={this.state.text}
        onChangeText={text => this.setState({ text })}
      />

Reproducible Demo

https://snack.expo.io/@lvantours/bug-on-textinput-in-outlined-mode

[narensprinter]

Yeah I'm facing same issue.

[hieuluis96]

I'm also facing same issue.

[hieuluis96]

Anyone have fixed issue ???

[github-actions[bot]]

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.

[ghost]

that's still the case on android and web too now
web :

[medmo7]

I also face this issue on android if i reduce the height of the textInput.

[aleksanderpaliszewski]

Same problem on Android

[aleksanderpaliszewski]

I found an error, paddingOut in react-native-paper/src/components/TextInput/TextInputOutlined.tsx generates a problem.

[Sebastian-Neubert]

I have the same problem. Please reopen this issue.

[santana125]

I have the same problem, removing paddingOut worked.