onClickCapture does not work as expected in mobile

[patheticGeek]

Provide a general summary of the issue here

onClickCapture is not working as expected in mobile devices. On desktop it is fired as expected whereas in mobile only onClick is being fired.

🤔 Expected Behavior?

onClickCapture works same as in desktop in mobile

😯 Current Behavior

onClickCapture doesnt get fired in mobile, it is being fired only in desktop.
Also in desktop it is actually fired after onClick which is the wrong order.

💁 Possible Solution

No response

🔦 Context

We have a popper which works by passing a onClickCapture fn to its child. But in some places the children of its children have onClick with stop propagation. So we cannot use onClick and need to rely on onClickCapture to trigger the opening of popper.

We are currently in between migrating to react aria components and need this to work.

🖥️ Steps to Reproduce

https://stackblitz.com/edit/stackblitz-starters-6x7elqdy

• Open the preview in a separate tab
• Test by clicking both the buttons in desktop and looking at console logs (onClick and onClickCapture come as expected
• Now stimulate a mobile and refresh the page
• The vanilla button fires both events whereas react aria one only fires onClick and not onClickCapture

Version

"react-aria": "^3.36.0"

What browsers are you seeing the problem on?

Firefox, Chrome

If other, please specify.

No response

What operating system are you using?

Ubuntu

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[snowystinger]

This may have been fixed in #7542
Would you mind checking that it suits your needs?

[patheticGeek]

Can you tell how to install the latest version from that pr?
I was not able to find any version mentioned

[yihuiliao]

If you want to install a version, you'll probably have to wait until the PR gets merged and for a nightly to build. Otherwise, you can pull the PR down locally and add what stories you need to the storybook to see if the issue still occurs in the PR.