[BUG] - The Select component cannot be closed on mobile devices

[AnYiEE]

This issue can be reproduced on the doc website. https://www.heroui.com/docs/components/select

Expected: Clicking the Select trigger can open the menu. Clicking the trigger again can close it.

Currently: After clicking to open the dropdown menu, it can only be closed by using the mouse to click the trigger, touching does not work (including simulating a touchscreen device through the console). It will quickly close and then reopen, can only be closed by clicking on other empty areas or selecting any item.

Env: Windows/Android Chrome

[linear]

ENG-1913 [BUG] - The `Select` component cannot be closed as expected

[AnYiEE]

Possible related issues: #4505

Possible related PRs: #4490

[AnYiEE]

Note 1: It cannot even be controlled to open then close by touch the button. https://www.heroui.com/docs/components/select#controlling-the-open-state

Note 2: The Selectcomponent in the Popover component seems to be able to close normally.

[leotaozeng]

Do you find a solution to the issue?

[jprosevear]

Some possible related notes with useAriaButton or not using it:

• Autocomplete close works fine
• https://github.com/heroui-inc/heroui/blob/canary/packages/components/card/stories/card.stories.tsx#L354 will show 2 alerts on desktop, but only one on mobile

On both mobile and desktop onOpenChange fires more than once - 3 times on desktop (false / true / false) and 2 times on mobile (false / true); seem like some sort of state management problem