Bug: touch and pointer events are not dispatched on the edges of the component

[NameFILIP]

React version: 18.1.0

Steps To Reproduce

1. Go to https://namefilip.github.io/touch-events-issue/ on a mobile phone (iPhone 12, iOS 15.5)
2. Click in the middle of the block
3. Click on the border of the block
4. See inconsistent events (pointerup/pointerdown, touchstart/touchend)

Link to code example:

The logic is implemented in the App.js file.

Repository: https://github.com/NameFILIP/touch-events-issue/

The current behavior

Screenshots

The expected behavior