Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
jstnhwang09 opened this issue Jun 18, 2024 · 6 comments · Fixed by #3374 or #3467
Closed

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

jstnhwang09 opened this issue Jun 18, 2024 · 6 comments · Fixed by #3374 or #3467
Assignees
Labels
📦 Scope : Components Related to the components 🐛 Type: Bug Something isn't working

Comments

@jstnhwang09
Copy link

jstnhwang09 commented Jun 18, 2024

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

Copy link

linear bot commented Jun 18, 2024

@wingkwong wingkwong added 🐛 Type: Bug Something isn't working 📦 Scope : Components Related to the components labels Jun 18, 2024
@wingkwong wingkwong self-assigned this Jun 18, 2024
@chirokas
Copy link
Contributor

@wingkwong
Copy link
Member

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

@shambhabya
Copy link

@wingkwong can i work on this issue?

@wingkwong
Copy link
Member

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

@Lucas20000903
Copy link

@jrgarciadev

"react": "^18.2.0"
"framer-motion": "^11.2.10"
"@nextui-org/react": "^2.4.6",

If disableAnimation is applied to Select, the same phenomenon occurs.

Also click fast three times It works differently than what's on the homepage (event that opens and closes doesn't wait for animation)

Or compare the workings of the streetbook and the homepage
storybook nextui
nextui homepage

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
📦 Scope : Components Related to the components 🐛 Type: Bug Something isn't working
Projects
None yet
5 participants