MultiSelect: Select All option ☂️

[tahaimt]

Summary

There is an option to remove all the selected items from the multi select list, however if a user selected all the items and then clicked on remove all by mistake (for instance, if there is a narrow dropdown showing a list of 2 digit codes or something similar its not hard to press the remove all button by mistake), there is no way to select all with one click other than by clicking on individual items. In our case, we have drop downs with about a thousand items.

Justification

Business reason is that if there is an option to remove all selections, there should be an option to select all to undo if you remove all selections by mistake.

Desired UX and success metrics

A sample can be seen on the mdbootstrap multiselect page.

"Must have" functionality

There should be a way to select all the items in multiselect list with one click

Tasks

Beta Give feedback

1. MultiSelect (select all option): research and design iterations #13611
   component: multiselect role: design ✏️ type: enhancement 💡 +3
   
2. MultiSelect (select all option): design and a11y review #13612
   component: multiselect role: design ✏️ type: enhancement 💡 +3
   
3. MultiSelect (select all option): final design spec #13434
   component: multiselect proposal: accepted role: design ✏️ type: enhancement 💡 +4
   
4. MultiSelect (select all option): create usage content carbon-website#3977
   component: multiselect role: content 📝 role: design ✏️ type: enhancement 💡 +4
   
5. MultiSelect (select all option): Usage tab docs carbon-website#3973
   component: multiselect role: design ✏️ type: docs 📖 type: enhancement 💡 +4
   
6. MultiSelect (select all option): Style tab docs carbon-website#3974
   component: multiselect role: design ✏️ type: docs 📖 type: enhancement 💡 +4
   
7. MultiSelect (select all option): figma kit carbon-design-kit#789
   component: multiselect kit: figma role: design ✏️ type: enhancement 💡 +4
   
8. MultiSelect (select all option): dev implementation #16117
   component: multiselect role: dev 🤖 type: enhancement 💡 +3
   

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[tahaimt]

Wow, it hasnt even been looked at and its about to be closed.

[tahaimt]

@dakahn can you please take a look at this?

[ganisback]

need this feature

[dakahn]

Apologies for the lack of action on this issue. We've started porting enhancement requests over to our Github Discussions board where they can get maintainer responses and community interaction more reliably.

I've done that for this issue and you can find that discussion here. Feel free to upvote and discuss (or suggest edits if your original proposal has changed/evolved)
Misunderstood our (currently evolving) process.

This is triaged as an open proposal and should be seen in our next proposals meeting

thanks for your patience

[tanoargie]

Also need this feature. Seems to be repeated in #7705

[jnm2377]

Related discussion: #7622

[jnm2377]

Design has approved this feature enhancement as an optional prop. Need design specs first.

[sstrubberg]

@ganisback & @tahaimt what product or PAL are you supporting? (Or were you supporting, considering the age of this request). Apologies for the lack of response.

[jimmydyer]

@sstrubberg Are there any updates or designs related to the Select all use case for the multi-select dropdown?

Our product desperately needs this because our users have to manage lots of data sources, and if they clear the pill from the dropdown, they would need to select each option in the list individually tens to hundreds of times.

Here's a screenshot for reference:

What we need is something like the sketch below:

[tay1orjones]

@sstrubberg I'm adding the strategic adopter label because of the duplicate #15599 which lists "IBM Sterling - B2Bi SaaS InFlight Web"

[jjennings7]

DataStage needs this feature as well. Looks like this is on the roadmap but I don't see any designs in 13434. Is there any update on the design or when it will be consumable? Thanks.

[sstrubberg]

hey @jjennings7, this is still queued up to work on, but we're knee-deep in docs debt on the design side of the house. I'd like to start designs soon though. If you have an early designs or use-cases that ya'll have been working on, that might help us expedite things when we start working on it though. Let me know!

Design exploration starting next sprint!

[benjamin-kurien]

Hey, We have now started working on this issue. Please vote here to help us clarify the problem you're facing.

@jjennings7 @jimmydyer @tanoargie @ganisback @tahaimt @dakahn @jnm2377

[benjamin-kurien]

A parent checkbox has been added to the multiselect dropdown, allowing users to easily select all options from the dropdown.