BUTTON GROUP -Disabling of the selected button does not work

[anwishaZ]

Prerequisites

• [X] I have searched for duplicate or closed feature requests
• [X] I have read the Modus style guidelines

Proposal

The user is unable to deselect the button group in a modus button group (single select) because, once the button is selected, an active property is applied by default and is not removed, making it impossible for the user to remove the selection.I propose that it would be ideal if we could eliminate the selected property along with the active property..

Motivation and context

In our use case we have a reset button in the form and on clicking that ,the selected button from button group should go deselected .

What is the issue regarding ?

@trimble-oss/modus-web-components

Priority

Medium

What product/project are you using Modus Components for ?

TRIMBLE FORESTRY

What is your team/division name ?

Central Product development

Are you willing to contribute ?

None

Are you using Modus Web Components in production ?

Yes

[github-actions[bot]]

Hello @anwishaZ! Thanks for opening an issue. The Modus core team will get back to you soon (usually within 24-hours) and provide guidance on how to proceed. Contributors are welcome to participate in the discussion and provide their input on how to best solve the issue, and even submit a PR if they want to.

Please wait until the issue is ready to be worked on before submitting a PR, or you can reach out to the core team if it is time bound. For trivial things, or bugs that don't change the expected behaviors and UI, you can go ahead and make a PR.

[prashanth-offcl]

@anwishaZ I see the selected property only works during the initial rendering and updates to the selected property do not reflect in the UI after the component has been rendered. Is there a specific reason as to why you would want to remove the selected property and implement an alternate approach to manage the selected state?