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

[Feature Request]: Add a Select/Deselect all option for Multiselect Dropdowns #15599

Closed
1 task done
darenhrelic opened this issue Jan 24, 2024 · 4 comments
Closed
1 task done

Comments

@darenhrelic
Copy link

The problem

Currently when using the Dropdown (https://carbondesignsystem.com/components/dropdown/usage/), there is an option to transform the component into a multiselect, which fits our use case perfectly. We need to be able to select multiple (and many) options from the dropdown.

However, we also need to be able to select/deselect all options quickly. We often hear from our customers that 'unnecessary clicks' can ruin the user experience, which I completely agree with.

Our particular use case here, can involve selecting or deselecting up to hundreds of values from the dropdown. A single option to do this automatically would save a significant amount of time and effort for our users.

The solution

Add an option at the top of the list of values in a multiselect dropdown to select/deselect all options in the component. This would save time and clicks.

For example, our data sets can include selecting 10s to hundreds of values from thousands in the dropdown (VERY large datasets), as seen in the following picture:
Screenshot 2024-01-24 at 1 36 44 PM

Examples

We've implemented this in the previous iteration of our application - not with dropdowns - but with checkboxes, to help with the user experience. Examples in screenshots below:

Screenshot 2024-01-24 at 1 37 14 PM

Screenshot 2024-01-24 at 1 37 18 PM

Application/PAL

IBM Sterling - B2Bi SaaS InFlight Web

Business priority

Medium Priority = upcoming release but is not pressing

Available extra resources

none. cannot spare due to application development effort.

Code of Conduct

Copy link
Contributor

Thank you for submitting a feature request. Your proposal is open and will soon be triaged by the Carbon team.

If your proposal is accepted and the Carbon team has bandwidth they will take on the issue, or else request you or other volunteers from the community to work on this issue.

@tay1orjones
Copy link
Member

Thanks for opening this! Totally agree - we've got an issue open for this one already with some plans lined out, #4593. I'm not sure when we'll be able to take it on but this is definitely a feature we'd like to see added to MultiSelect

@tay1orjones
Copy link
Member

Duplicate of #4593

@tay1orjones tay1orjones marked this as a duplicate of #4593 Jan 25, 2024
@tay1orjones tay1orjones closed this as not planned Won't fix, can't repro, duplicate, stale Jan 25, 2024
@github-project-automation github-project-automation bot moved this from Triage to Completed in Roadmap Jan 25, 2024
@darenhrelic
Copy link
Author

I looked for duplicates but must have missed it. Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

No branches or pull requests

2 participants