[BUG] onTap callback doesn't fire on child component after parent is dragged

[bporcelli]

1. Read the FAQs 👇

2. Describe the bug

When a tappable component that is a child of a draggable component is used to initiate a drag gesture, its onTap callback no longer fires after the drag gesture ends. I suspect this is because the event is being filtered out by isValidPressEvent before isPressing.delete(element) is called here.

3. IMPORTANT: Provide a CodeSandbox reproduction of the bug

https://codesandbox.io/p/sandbox/88xds7

4. Steps to reproduce

Steps to reproduce the behavior:

1. Open CodeSandbox
2. Use blue "Child" div as handle to drag parent div
3. Tap "Child" div after drag gesture ends
4. Observe that "Tapped" message is not logged

5. Expected behavior

onTap handler should fire when "Child" component is clicked, even if "Child" was previously used to initiate a drag gesture on the parent element.

6. Video or screenshots

Screen.Recording.2024-12-19.at.5.49.04.PM.mov

7. Environment details

N/A