The problem

In the MultiSelect component, we have a use case where we want to display the user's selections in a read-only mode. One use case is when the user is making selections through a multi-step Wizard, and we need to show a Summary page of the user's selections at the end of the Wizard.

Currently that's not possible natively as both the existing readOnly & disabled props disable the component entirely.

The solution

Change how the readOnly prop behaves by allowing the dropdown to be expanded, showing both the user's selections and other options in a disabled state. This allows the user to see what they've previously selected while providing a true read-only mode that doesn't let me make any modifications.

Alternatively, a third flag prop (beside readOnly & disabled) can be use to trigger this functionality, althouth I'd personally suggest implementing the functionality with the readOnly prop as it won't break existing functionality and it makes sense to use a readOnly prop for this feature.

Examples

No response

Application/PAL

QRadar Suite

Business priority

Medium Priority = upcoming release but is not pressing

Available extra resources

No response

Code of Conduct

• I agree to follow this project's Code of Conduct