Using elevation on inputAndroidContainer causes tappable textInput to not work as expected

craigwduckett commented 3 years ago

Describe the bug
Adding elevation: n to the inputAndroidContainer styling causes the textinput to not be clickable and a very small area above the textbox to be clickable if the inputAndroidContainer is also give a height and marginTop. Otherwise its unusable.

To Reproduce
Using the provided snake from the readme https://snack.expo.io/@lfkwtz/react-native-picker-select and add

inputAndroidContainer: {
    marginTop: 10,
    height: 45,
    elevation: 4,
},

Expected behavior
Clicking on the tappable TextInput would bring up the picker options

Screenshots
abkGZ1LEdJ

Additional details

Device: Android Emulator and Samsung s10e
OS: Android 11 and Android 10
react-native-picker-select version: 8.0.4
react-native version: 0.64.1
expo sdk version: n/a

Reproduction and/or code sample
Using the provided snake from the readme https://snack.expo.io/@lfkwtz/react-native-picker-select and add

inputAndroidContainer: {
    marginTop: 10,
    height: 45,
    elevation: 4,
},

JoeMartin2001 commented 3 years ago

Same here

JoeMartin2001 commented 3 years ago

Any solutions?

carlosriveroib commented 1 year ago

2 years without updates in this repo....

lawnstarter / react-native-picker-select

Using elevation on inputAndroidContainer causes tappable textInput to not work as expected #444