Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

React Native Android: An absolute positioned, TouchableOpacity outside of the bounds of its parent is not clickable

See original GitHub issue

If I place a TouchableOpacity outside the bounds of its parent (using absolute positioning) only the portions of the TouchableOpacity which are inside the bounds of the parent are clickable. I think this is a bug because this can only be reproduced in Android, not iOS. React Native version: 35.0.0

Steps To Reproduce

Here’s a minimal code sample: <View style={{height: 60, width: '100%', zIndex: 1}}> <TouchableOpacity onPress={() => console.log('pressed')} style={{position: 'absolute', zIndex: 2, backgroundColor: 'yellow', width: 100, height: 50, top: 70}} /> </View>

Issue Analytics

State:
Created 4 years ago
Reactions:92
Comments:58

Top GitHub Comments

59reactions

molimatcommented, Jul 31, 2021

How can we organize the 2 years anniversary party of this issue, guys? Who brings beer?

54reactions

PrimulaXcommented, Apr 14, 2021

Best workaround so far, for me, it was react-native-gesture-handler. Just import TouchableOpacity from gesture handler and replace RN Touchables, if Touchables disappear use containerStyle prop instead of style prop.