react-native-picker-select icon indicating copy to clipboard operation
react-native-picker-select copied to clipboard

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

Open craigwduckett opened this issue 3 years ago • 3 comments

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,
},

craigwduckett avatar May 25 '21 01:05 craigwduckett

Same here

JoeMartin2001 avatar Aug 03 '21 19:08 JoeMartin2001

Any solutions?

JoeMartin2001 avatar Aug 06 '21 03:08 JoeMartin2001

2 years without updates in this repo....

carlosriveroib avatar Dec 02 '22 11:12 carlosriveroib