Repository navigation
[Pressable] pointerEvents "box-only" and "box-none" broken #3904
Description
Description
Only iOS is affected, Android and Web look to be fine.
Only iOS and Android are affected, Web looks to be fine.
box-only
<Pressable
style={{ width: 100, height: 80, backgroundColor: 'red' }}
onPress={() => Alert.alert('outer')}
pointerEvents="box-only"
>
<Pressable
style={{ width: 50, height: 50, backgroundColor: 'green' }}
onPress={() => Alert.alert('inner')}
/>
</Pressable>Expected result: clicking on the inner alerts "outer", clicking on the outer alerts "outer"
Actual result: clicking on the inner alerts nothing, clicking on the outer alerts nothing
box-none
<Pressable
style={{ width: 100, height: 80, backgroundColor: 'red' }}
onPress={() => Alert.alert('outer')}
pointerEvents="box-none"
>
<Pressable
style={{ width: 50, height: 50, backgroundColor: 'green' }}
onPress={() => Alert.alert('inner')}
/>
</Pressable>Expected result: clicking on the inner alerts "inner", clicking on the outer alerts nothing
Actual result: clicking on the inner alerts "inner", clicking on the outer alerts"outer"
Steps to reproduce
In the description
A link to a Gist, an Expo Snack or a link to a repository based on this template that reproduces the bug.
n/a
Gesture Handler version
2.30.0
Also reproducible on 2.28.0
React Native version
0.82.0
Platforms
Web, iOS
JavaScript runtime
None
Workflow
None
Architecture
New Architecture (Fabric)
Build type
None
Device
None
Device model
No response
Acknowledgements
Yes
Reacted by Peter Marinov (Pete)
Activity
github-actions commentedon Jan 7, 2026
Hey! 👋
The issue doesn't seem to contain a minimal reproduction.
Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?
[-][Pressable] pointerEvents "box-only" and "box-none" broken in latest version[/-][+][Pressable] pointerEvents "box-only" and "box-none" broken[/+]Titozzz commentedon Jan 8, 2026
duplicate of #3891 ?
m-bert commentedon Jan 20, 2026
Hi @gigobyte! Thanks for reporting this issue. Have you checked #3925? Also, have you tried this on
android? I know it says thatbut from my tests it looks like it is also broken.
gigobyte commentedon Jan 20, 2026
@m-bert
You are correct, it's also broken on Android but in a different way, which is why I assumed it was working when I was testing the sample code. For example,
box-onlyworks likenoneon iOS but likeauto/undefinedon Android.huextrat commentedon Jan 21, 2026
You can apply this fix for Android if you need to make it works: #3927
As soon as the iOS fix is merged, I will update the Android PR. There will be a small change because of codegen.
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)