Multi-select remove option once selected

[Harveyhoward]

Description

The multi select component when interacted with drops down all potential options. Once an option is selected from the drop down it is added to the "please select field" but remains an unusable option in the dropdown list.
I would expect that once an options is selected it is removed from the options list.
Why? If a user has a number of options with similar names it can become confusing to know which had been added, shortening the options list dynamically resolves this.

Reproduction

https://carbon.sage.com/?path=/docs/select-multiselect--docs

Steps to reproduce

No response

JIRA ticket numbers (Sage only)

No response

Suggested solution

No response

Carbon version

125.1.1

Design tokens version

No response

Relevant browsers

Chrome, Safari

Relevant OSs

MacOS

Additional context

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[edleeks87]

@harpalsingh @ljemmo we discussed this on slack with @Harveyhoward and @tempertemper (I'll send the thread to you on there). Is this something DS/product want to add? We'd need to do I a fairly comprehensive rewrite as the current iteration relies heavily on the selected options being in the list to generate the Pill values so if it's a yes it might be more manageable to include this feature in the future rewrite we do for our Select components but in the interim we wondered if adding some form of option highlighting might be a good addition for now (see below for examples in other libs)?

https://mui.com/material-ui/react-select/#multiple-select
https://ant.design/~demos/select-demo-automatic-tokenization

[ljemmo]

@edleeks87 on my end i'll create a ticket for us to review the entire component and get back to you with a review. @ingridzillinger FYI.

open issue for you guys here: number 74 on DS board

[edleeks87]

No problem we're happy to wait for the outcome of the above to be decided

[nicktitchmarsh]

FE-6311