Search Block: Change Button Position Does Not Show Indication of What is Selected

[deborah86]

Description

The change button position on the search block doesn't show any indication of what option is selected.

Step-by-step reproduction instructions

1. Add a search block to the editor
2. Select either no button, button inside, or button outside,

Expected behaviour

The icon of the selected option to have a dark background to indicate that it has been selected.

Actual behaviour

The backgrounds don't change for any of the options selected.

Screenshots or screen recording (optional)

https://1drv.ms/u/s!Agz9k3UFAizZig5eE0CWwaq9bdYR?e=4mNAZ3

Code snippet (optional)

WordPress information

• WordPress version: 5.7

• Gutenberg version:

• Are all plugins except Gutenberg deactivated?

• Are you using a default theme (e.g. Twenty Twenty-One)?

• WordPress version:

• Gutenberg version: Not installed

• Are all plugins except Gutenberg deactivated? Yes, no other plugins are installed

• Are you using a default theme (e.g. Twenty Twenty-One)? Yes Twenty Twenty-One

Device information

• Device:

• Operating system:

• Browser:

• Device: Desktop

• Operating system: Windows 10

• Browser: Microsoft Edge Version 89.0.774.68

[priethor]

Thanks for reporting @deborah86 ! I can reproduce this issue with Gutenberg 10.4-RC1 as well.

[javierarce]

Also, shouldn't the icons be aligned to the left?

[javierarce]

I found this issue is pretty similar to this older one: Search Block: Button options needs indicator which option is active. #27330.

@karmatosed's solution here, makes sense to me… so maybe we should close this issue?

[priethor]

I agree @javierarce, let's close it as duplicate.