callstack / react-native-paper

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

Label clips when calling render function prop of TextInput component in outline mode #4329

Open jamesmogambi opened 7 months ago

jamesmogambi commented 7 months ago

Current behaviour

The label of TextInput component clips in outline mode when I call the render function prop. I am calling the render prop so as to render my Custom input, in this case a dropdown select input. Space is sufficient so it should not clip the label. Is the their a way to work around it ?

Expected behaviour

Should not clip the label

How to reproduce?

Preview

What have you tried so far?

I have tried applying different styles but still not working

Your Environment

software version
ios x
android 14
react-native 0.73.4
react-native-paper 5.12.3
node 18.17.1
npm 9.6.7
expo sdk 50.0.7

Screenshot_1709322988

gedu commented 7 months ago

Hey, do you have a snack, or can show some code? That way would be easier to replicate and see what it is going on. Thanks

jamesmogambi commented 7 months ago

Here is the screenshot of my source code .

text-input-0

ayloncarrijo commented 6 months ago

Same here. It was working fine on version 5.10.6.

jamesmogambi commented 6 months ago

Same here. It was working fine on version 5.10.6.

Seems it breaks in later versions

pentolbakso commented 1 week ago

still not working

Screenshot 2024-09-23 at 00 48 01

<TextInput
  label="Timezone"
  value="something value"
  mode="outlined"
  render={() => <View />}
/>