Paragraph Block: Selecting Color from Toolbar doesn't change text color in editor

[ccwalburn]

2023-10-04 update - this issue has been remained open as themes are fixed on a theme-by-theme basis. The only remaining theme that this is currently waiting on is Karuna. See latest comments

---

When you select some text in a Paragraph block and change the color using the Font Color option on the toolbar, it changes the color on the front end, but not in the editor.

Steps to reproduce the behavior

1. Activate the Rebalance theme
2. Create a new post and add a Paragraph block
3. Add some text to the Paragraph block; highlight one word in the text and click the Text Color option under the down arrow on the toolbar:

Image URL:

4. Select a color
5. Publish the page.

What I expected to happen

I expected to see the font color in the Paragraph block change in the editor.

What actually happened

The font color was added to the Paragraph Block toolbar, but it didn't change the font color in the editor:

Image URL:

However, the font color did change on the front end:

Image URL:

Context

Browser / OS version

I was using Chrome on Mac version 10.15.7

Is this specific to the applied theme? Which one?

I've been able to reproduce it on Rebalance and Dara. I tried testing on Dalston, Twenty Twenty, and Ryu but couldn't reproduce there. It seems like it may not happen on Recommended themes.

Does this happen on simple or atomic sites or both?

I only tested on Simple Sites

Is there any console output or error text?

Level of impact (Does it block purchases? Does it affect more than just one site?)

I have only had one report, but I can reproduce it on my test site.

4173857-zen

Reproducibility (Consistent, Intermittent) Leave empty for consistent.

Screenshot / Video: If applicable, add screenshots to help explain your problem.

[inaikem]

Thanks for raising this issue! I am able to replicate on my test sites.

Wondering if this and When Headings Font Size Set in Customizer, Type Scale is Ignored on Blog Posts Block Post Titles (#54911) are somehow related?

[alshakero]

Can confirm reproducing this. It's reproducible in Rebalance theme, but not all themes. We'll investigate the issue today.

[alshakero]

PR ready here Automattic/themes#4359

[tellisbethel]

I believe I've encountered a version of this bug here: 4233694-zen
The only difference is that when selecting the text colour, the text changes to the wrong colour in the editor (instead of not changing at all), but then reflects the correct colour when previewing or on the live site.

[goblinartificer]

An interesting rendition in 4257432-zen today: the colors look right until you try to apply any other text decoration, then only the bold/underline/etc shows up. The preview is right, but the editor is wrong.

[hacchism]

Another instance in 4293838-zen with Canard theme.

[thekingsprojects]

Also seeing this in the Aquene theme: 14276663-hc and replicated on my own test site. Not sure if we're doing anything about that given that's a retired theme now, but worth noting, I suppose.

[sbathompson-he]

Experienced this bug on the Affinity theme here: 30538090-hc

[tellisbethel]

Preview colour is right but colour in editor when using the palette (not the picker) is wrong: 30511716-hc
Simple site.

[alshakero]

Hi @scruffian! I have sent a PR to fix this issue earlier. It's probably a bad PR but will give you a clear idea about this issue. Can you please give it look? Thanks!

[EjayhanFernandes]

This occurred as well here 4320518-zen.
Theme: Gateway by Rescue Themes.

[ahmadbaig1]

User returned and requested a quicker resolution 31830828-hc.

[inaikem]

@Robertght, do you think this is something for Flow Patrol could look into?

[Robertght]

Thanks! I've added it now. cc @Automattic/flow-patrol-create

[benchilcote]

Adding another report - 22972062-hc

Theme isola. Simple site.

[ccwalburn]

Another report - 4335926-zen
Theme: Lovecraft

[dcoleonline]

Reported in 31927285-hc
Theme: Baskerville 2
We should follow up in 4337424-zen

Example:

[nicolynramos]

Another report for Lovecraft, simple site - 31984931-hc

[kosiew]

Hi @nicolynramos ,

Thanks for reporting this

I could reproduce this on a Simple site and Atomic site on the Lovecraft theme.

[kosiew]

I also tested that the on Rebalance, the Paragraph block text color does change.

[scruffian]

I believe this will be fixed by WordPress/gutenberg#35514. It might take some time for that commit to make it to simple/atomic sites....

[mzitinfo]

We just had another case of this in 4368273-hc, with the Independent Publisher theme.

[KokkieH]

The Text Color option appears to be completely missing from the toolbar drop-down:

There's also now a Highlight option which isn't present in the screen shot at the top of this issue, which makes me wonder if #57036 might be somehow related.

Missing Text Color option pointed out by user in https://wordpress.com/forums/topic/no-colors/

[KokkieH]

It appears this is intentional. See #57054.

[DjamWork]

Maybe another case here zd-4379749
user wants to change the link color.

[Nic-Sevic]

Another instance here: 27931525-hc

Also +1 to labelling this as text highlight being confusing. I would expect highlight to change just the background color, not the text itself

[as-esu]

4657930-zen
I could reproduce the issue using the Karuna theme, but only if I choose the suggested colours.
Picking custom colour, reflected changes in the editor.

[francoishvz]

Another instance here: 35792663-hc

Workaround was to pick a custom color.

[cometgrrl]

I could reproduce the issue using the Karuna theme, but only if I choose the suggested colours.
Picking custom colour, reflected changes in the editor.

Same for me (although white is suggested and displayed correctly in the editor, none of the others worked).

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 4173857-zen
• 4233694-zen
• 4257432-zen
• 4293838-zen
• 4320518-zen
• 4335926-zen
• 4337424-zen
• 4657930-zen

[cometgrrl]

@jeffikus Can you take a look at this? It seems there's at least one more theme (Karuna) that's affected by this bug.

[cuemarie]

📌 ACTIONS

• Due to the age of this issue, I've downgraded the priority from High to Normal to better reflect it's status in the larger context of open bugs in the repo.
• Looks like this is getting fixed at the theme level, which is why it's still open - waiting on a fix for Karuna:

Screen.Capture.on.2023-10-04.at.16-31-14.mov

CC: @Automattic/theam