[Pressable] `onPress` stops working if mouse is dragged from TextInput on Web

[gigobyte]

Description

This is a web-only bug that I accidentally noticed. If you click on a TextInput and drag outside of its container, the container's onPress stops working. I assume the gesture on the Pressable becomes stuck in some unhandled state. If the Pressable and TextInput components from "react-native" are used, the bug is not reproducible.

import {
  Pressable as RNGHPressable,
  TextInput as RNGHTextInput,
} from 'react-native-gesture-handler'

<RNGHPressable
  style={{ width: 300, height: 50, backgroundColor: 'red' }}
  onPress={() => alert('test')}
>
  <RNGHTextInput
    style={{ width: 200, height: 50, backgroundColor: 'green' }}
  />
</RNGHPressable>

web.mov

Steps to reproduce

1. Run code from description
2. Left click on text input and hold
3. Drag the mouse outside of the Pressable and release
4. Now the onPress won't be called regardless of where on the Pressable you click

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

React Native version

0.82.0

Platforms

Web

JavaScript runtime

None

Workflow

None

Architecture

New Architecture (Fabric)

Build type

None

Device

iOS simulator

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?