ToggleGroupControl: Visual state of an undefined value is inconsistent

[mirka]

Description

The visual state of an initial undefined value is different from when the value is set back to undefined after being set to a defined value.

Step-by-step reproduction instructions

1. Render a ToggleGroupControl with value initially undefined.
2. Render a button with an onClick to set the value to undefined.
3. Click on one of the toggle group options, then click the reset button.

https://codesandbox.io/s/togglegroupcontrol-undefined-state-h8z9q?file=/src/App.js

Screenshots, screen recording, code snippet

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[sRahul-00]

Hey there, can I work on this issue?

[mirka]

@sRahul-00 Sure thing, thank you!

I'll add that I probably think the correct visual state for undefined should be the initial, white one, instead of the black with grayed out text. Would you agree?

[sRahul-00]

@sRahul-00 Sure thing, thank you!

I'll add that I probably think the correct visual state for undefined should be the initial, white one, instead of the black with grayed out text. Would you agree?

Yeah man!! Totally agreed...

[ntsekouras]

Hey @sRahul-00 👋 - thanks for your interest for this issue! Really appreciate it!!

This fix will be needed for the next WP version 5.9 and is a bit of time sensitive. Would it be possible to work on this soon? I'm happy to help and guide you with whatever you need 😄

I'll add that I probably think the correct visual state for undefined should be the initial, white one, instead of the black with grayed out text. Would you agree?

Yes, the backdrop should be removed when the selected value doesn't exist as an option.

[sRahul-00]

Hey @sRahul-00 👋 - thanks for your interest for this issue! Really appreciate it!!

This fix will be needed for the next WP version 5.9 and is a bit of time sensitive. Would it be possible to work on this soon? I'm happy to help and guide you with whatever you need 😄

Yeah, sure. I'm new to this Open Source World, so I will be thrilled to work upon new opportunities.

[ntsekouras]

Hey @sRahul-00 👋 - that's great! So did you try anything for the issue? Will you pick it up?

[sRahul-00]

Hey @sRahul-00 👋 - that's great! So did you try anything for the issue? Will you pick it up?

I'm really sorry. I couldn't a thing as I was really busy due to the construction going in my home. I'm really sorry again.

[ntsekouras]

No worries at all! Do you want me to pick it up and find yourself another good first issue? I'd be happy to help either way - you can ping me in the wordpress.slack for anything you want 😄

[sRahul-00]

yeah sure!! But after you're done, I request you to tell me how did you fix it. It'd be really helpful for beginner like me. Best of Luck btw