-
-
Notifications
You must be signed in to change notification settings - Fork 1k
Open
Labels
Platform: iOSThis issue is specific to iOSThis issue is specific to iOSRepro providedA reproduction with a snack or repo is providedA reproduction with a snack or repo is provided
Description
Description
On iOS, setting pointerEvents="box-none" on Pressable seems to have no effect. (the onPress still occurs and the view captures the press from pressable behind)
It works with Pressable from React Native.
Setting "none" does work properly (the touch is handled by views behind)
Steps to reproduce
Paste the gist in your App.tsx to reproduce.
The black square should not capture events when box-none is set on it.
Please note that this is a simplified version of our code, we use box-none because we need children of this pressable to do stuff (here there are none)
A link to a Gist, an Expo Snack or a link to a repository based on this template that reproduces the bug.
https://gist.github.com/Titozzz/031d92d3bc149ede284320dee796ace4
<GestureHandlerRootView>
<View
style={[
StyleSheet.absoluteFill,
{
backgroundColor: 'blue',
alignItems: 'center',
justifyContent: 'center',
},
]}
>
<Pressable
onPress={() => {
console.log('pressed red');
}}
style={{
backgroundColor: 'red',
position: 'absolute',
top: 0,
left: 0,
bottom: 0,
right: 0,
}}
/>
<Pressable
onPress={() => {
console.log('pressed black');
}}
style={{
backgroundColor: 'rgba(0, 0, 0, 0.5)',
position: 'absolute',
width: 100,
height: 100,
right: 200,
}}
pointerEvents="box-none"
/>
</View>
</GestureHandlerRootView>Gesture Handler version
2.30.0
React Native version
0.81.5
Platforms
iOS
JavaScript runtime
None
Workflow
None
Architecture
None
Build type
None
Device
None
Device model
No response
Acknowledgements
Yes
Metadata
Metadata
Assignees
Labels
Platform: iOSThis issue is specific to iOSThis issue is specific to iOSRepro providedA reproduction with a snack or repo is providedA reproduction with a snack or repo is provided