Skip to content

bug(pressable, iOS): pointerEvents box-none not working #3891

@Titozzz

Description

@Titozzz

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

No one assigned

    Labels

    Platform: iOSThis issue is specific to iOSRepro providedA reproduction with a snack or repo is provided

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions