[BUG] - Select not able to close when clicked on again

[jstnhwang09]

NextUI Version

2.4.2

Describe the bug

When the select menu is open, it should close when the select box is clicked again. However, the current behavior is inconsistent. This issue is also present on the Next UI website's select example.

It appears to be a consistent behavior across different instances of the select menu.

Impact: This inconsistent behavior can confuse users, as they may expect the menu to close when clicking on the select box again. It affects the overall user experience and may lead to frustration.

Please investigate this issue and provide a fix to ensure the select menu closes when the select box is clicked again.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Open the select menu by clicking on the select box.
2. Click outside the popup menu. (The menu should close, which it does correctly.)
3. Open the select menu again by clicking on the select box.
4. Click on the select box again while the menu is open. (The menu should close, but it does not.)

Expected behavior

• When the select menu is open, clicking outside the popup menu should close it. This works as expected.
• When the select menu is open, clicking on the select box again should also close the menu.

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

[linear]

ENG-1020 [BUG] - Select not able to close when clicked on again

[chirokas]

@wingkwong

adobe/react-spectrum#5988 (comment)
adobe/react-spectrum#6024

[wingkwong]

@chirokas I think it's not related. We're using May release from React Aria so that fix is already included.

[shambhabya]

@wingkwong can i work on this issue?

[wingkwong]

@shambhabya reassign to you. please feel free to DM me in discord (same id) if you have any questions.