callstack / callstack/react-native-paper

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

Open
#4,329 8 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### 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](https://github.com/callstack/react-native-paper/assets/31744209/b04c7461-7c44-41e9-b179-e0d8947becd9)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.