react-native-paper icon indicating copy to clipboard operation
react-native-paper copied to clipboard

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

Open jamesmogambi opened this issue 11 months ago • 5 comments

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

jamesmogambi avatar Mar 01 '24 21:03 jamesmogambi

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

gedu avatar Mar 06 '24 10:03 gedu

Here is the screenshot of my source code .

text-input-0

jamesmogambi avatar Mar 07 '24 12:03 jamesmogambi

Same here. It was working fine on version 5.10.6.

ayloncarrijo avatar Mar 13 '24 23:03 ayloncarrijo

Same here. It was working fine on version 5.10.6.

Seems it breaks in later versions

jamesmogambi avatar Mar 19 '24 21:03 jamesmogambi