Repository navigation
bug(pressable, iOS): pointerEvents box-none not working #3891
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
Activity
m-bert commentedon Jan 20, 2026
Hi @Titozzz! Sorry for late response, we've been quite busy recently. I can see that there's a PR that attempts to solve it, have you checked that (#3925)? I tried it and it seems to solve this issue.
Also, have you tried
android? I've also looked at it and it seems to be broken as well 😞fix(iOS): handles `pointerEvents` for `Pressable` component (software…
fix(android): handles `pointerEvents` for `Pressable` component (#3927)
fix(iOS): handles `pointerEvents` for `Pressable` component (#3925)
fix(android): handles `pointerEvents` for `Pressable` component (#3927)