Pressable with border inside View with overflow: 'hidden' gets cut off on Android

[gigobyte]

Description

The handling of borderWidth for RNGH Pressable seems to be different than Pressable from 'react-native'. The clipping on the screenshot below is observable both with horizontal and vertical FlatLists. It also doesn't matter if FlatList from RNGH or RN is used, both produce the same results.

This issue only happens on Android and can be observed on debug/release build, both emulator and real devices consistently.

The fix seems to be to move the styles from the Pressable to a nested View.

Steps to reproduce

1. Example code is provided in the gist

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/gigobyte/56574a3b2f95223f5bf40fb5b2d43efd

Gesture Handler version

2.27.2

React Native version

0.79.0

Platforms

Android

JavaScript runtime

None

Workflow

None

Architecture

New Architecture (Fabric)

Build type

None

Device

None

Device model

No response

Acknowledgements

Yes

[github-actions]

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?

[gigobyte]

I have narrowed down this issue to a faulty combination of border and overflow: 'hidden' because I can also reproduce this with a normal View:

<View style={{ overflow: 'hidden' }}>
  <Pressable
    style={{
      borderWidth: 1,
      width: 100,
      height: 50,
    }}
  />
</View>