Request rendering variation to multiselect dropdown, aligned with PrimeReact

[robeastwood-agency]

Is your feature request related to a problem? Please describe.
Not a problem per se, but a quest to improve user experience

Describe the solution you'd like
Currently:
Questionnaire items of type choice when configured as a drop down and multiselect, render as follows, with an 'add item' button.
Refer Storybook item: https://smartforms.csiro.au/storybook/?path=/story/component-sdc-8-1-4-advanced-other--repeats-autocomplete&globals=backgrounds.grid:!false;viewport:tablet

Request:
The user experience team has requested that a rendering variation for multiselect be added as an option, consistent with the PrimeReact' library for multiselect; see here: https://primereact.org/multiselect/

Effectively then checkboxes may be rendered within the list like this:

or this:

Describe alternatives you've considered
none

Additional context
none

[fongsean]

Hi @robeastwood-agency,

Sounds like a good idea. Material UI also has something similar though doesn't look as good: https://mui.com/material-ui/react-select/#chip.

There needs to be some degree of work to ensure it plays well with open-choice's openLabel. I think it makes sense to have it in the backlog for now and come back to it later.