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

MultiSelect: on clicking inside checkbox to uncheck dropdown closes and maxLength and max not working #4728

Closed
abdulbasit159 opened this issue Aug 2, 2023 · 8 comments
Labels
Status: Needs Reproducer Issue needs a runnable reproducer
Milestone

Comments

@abdulbasit159
Copy link

Describe the bug

on clicking inside the checkbox to uncheck selected value dropdown closes and maxLength and max not working

Reproducer

No response

PrimeReact version

9.6.0

React version

18.x

Language

TypeScript

Build / Runtime

Next.js

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

@abdulbasit159 abdulbasit159 added the Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible label Aug 2, 2023
@1p0d
Copy link

1p0d commented Aug 2, 2023

Got the same problem with the dropdown getting closed on unchecking a checkbox directly in a TreeSelect with selectionMode checkbox. The dropdown does not close if you select an element by not clicking directly on the checkbox. The expected behavior would be that the dropdown does not close on clicking the checkbox since users probably want to select further things in a multi (tree) select. This expected behavior can be found back in v8.7

@melloware
Copy link
Member

I need Code Sandbox reproducers for all these issues to see them in action.

@melloware melloware added Status: Needs Reproducer Issue needs a runnable reproducer and removed Status: Needs Triage Issue will be reviewed by Core Team and a relevant label will be added as soon as possible labels Aug 2, 2023
@melloware
Copy link
Member

You can use this one to start with and edit it to show the bug: https://stackblitz.com/edit/react-duwxzn?file=src%2FApp.js

@1p0d
Copy link

1p0d commented Aug 3, 2023

You can use this one to start with and edit it to show the bug: https://stackblitz.com/edit/react-duwxzn?file=src%2FApp.js

The described behavior shows in your sandbox already. Unchecking an element by clicking on the checkmark closes the dropdown, clicking on an elements text does not. The latter is what I would expect when clicking on the checkbox as well.

Edit: Upon further inspection it seems that it is not the checkbox, but the check icon (svg element) inside it that gets the dropdown closed when clicking on it.

@melloware
Copy link
Member

melloware commented Aug 3, 2023

Yep I already fixed that in master both issues. SVG icons had an issue: #4662

if you check out master and run npm run install then npm run dev you can test it is fixed.

@melloware melloware added this to the 10.0.0 milestone Aug 3, 2023
@jerlam06
Copy link

@melloware I can confirm that the issue is still there. Reproducible here: https://primereact.org/multiselect/
See: #4523

@melloware
Copy link
Member

Yep see the milestone on this ticket says it's slated for 10.0.0

@jerlam06
Copy link

@jerlam06 Ups my bad. Thanks :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Needs Reproducer Issue needs a runnable reproducer
Projects
None yet
Development

No branches or pull requests

4 participants