[Bug]: Some blocks like Post / Comments / Query Title do not save the text color properly, it's reset and then visible correctly only on refresh.

[ai2n]

Quick summary

Testing on an atomic site with Zoologist theme, when you go to the Full Site Editor, and open the Style settings, then click on the Blocks options to customize blocks, these blocks (and possibly others):

• Post Title
• Comments Title
• Query Title

don't save a custom text color properly, it gets reset on save.

See video:

Screen.Capture.on.2022-07-07.at.23-02-17.mp4

If you refresh the page after saving though, and navigate back to check the color, it seems that the color IS actually saved. So it just appears to be reset visually.

Steps to reproduce

Start on an Atomic site with the Zoologist theme.

1. Open the FSE editor by going to Appearance > Editor
2. Open the Styles settings panel.
3. Click on Blocks at the bottom.
4. Search the word "title"
5. Select the Post Title block.
6. Click on Colors
7. Click on the Text element to change its color.
8. Set a custom color.
9. Save the update.
10. You'll notice the color is reset to an empty transparent color.
11. If you refresh the page, and navigate back to check the color for the block, it will show the correct color you set.

What you expected to happen

The color should stay to the one you set, after saving.

What actually happened

The color is reset to an empty transparent color, until you refresh the page and then the correct color is visible again.

Context

Empathy testing on atomic site.

Browser

Google Chrome/Chromium

Simple/Atomic

Atomic

Other notes

No response

Reproducibility

Consistent

Severity

Most (> 50%)

Available workarounds?

Yes, difficult to implement

Workaround details

The workaround is to refresh the site editor page after every color change, and then navigate back to the block settings if you wish to change other settings, which is a really cumbersome process and slows down iteration.