Bug: onPointerDown not called when rendered in 'display: contents' root

`onPointerDown` listeners are not called in iOS Safari when a React application is rendered within an element that has the `display: contents` CSS rule. This issue seems to be specific to iOS, as it works fine on macOS and Windows. This bug was discovered through a report in the Astro framework. A user noted that a React component became unclickable after a View Transition, which Astro emulates using JavaScript. Upon investigation, I traced the issue to elements with the `display: contents` rule. The issue may be related to the `trapClickOnNonInteractiveElement` hack. When a fake `pointerdown` listener is added, the bug disappears and everything works correctly. However, I haven't found any documentation on this behavior, so this is just a hypothesis. React version: 18.3.1 ## Steps To Reproduce Render React component with <button onPointerDown={() => console.log('called')}>Click me</button> in an element with `display: contents` applied. Try clicking the button in iOS Safari. See [this page](https://v3ron.github.io/react-pointer-down-ios-bug/) for reproduction. See [this repository](https://github.com/V3RON/react-pointer-down-ios-bug) for source code. ## The current behavior `onPointerDown` listener is not called ## The expected behavior `onPointerDown` listener should be called