Tap-scrolling opens ListBox (should be ignored)

[nickluger]

What package within Headless UI are you using?

@headlessui/react

What version of that package are you using?

2.2.4

What browser are you using?

Chrome

Reproduction URL

https://github.com/bluepick-app/headless-ui-react-listbox-tap-issue

Describe your issue

On mobile one uses tap-press to scroll, keeping the finger on the screen and moving it vertically to scroll. Whenever you do that above the ListboxButton it opens the Listbox. See video. This leads to the listbox being opened accidentally on mobile, whenever the finger happens to be over the button while scrolling.

Expected behavior:

Tapping and then lifting the finger should trigger a click-like behavior, i.e. opening the listbox. Scrolling should not.

headlessui.listbox.bug.mp4

[rubber-duck-software]

I believe this was related to #3750 and should be resolved in the same PR. @RobinMalfait - perhaps you can confirm?

[RobinMalfait]

Hey!

I can reproduce this issue locally with @headlessui/react@2.2.4, and once I bump to the latest version @headlessui/react@2.2.5 it does seem to be fixed. This was fixed recently by #3755, going to close this for now.

Thanks!