Text colour changes when made bold

In the new typography component when you change the colour of some text it works, but if you then make the text bold the coloured text changes to black.

Am I missing something?

My quick test showed that for the color to remain, you have to apply the Bold first, then the color change. Then it will stick.

it doesn’t matter which way around I do it, bold first or colour first.
I get the same result, bold text turns black.

Hmm, I can’t seem to replicate the bug here, can you share a sample document that has the issue?

Hi Dan,

A test project file is here: elementsapp://downloadDocument/ycTwjlOb4u3u

I hope this helps.
It also will not work in my main project file either.
I have also tried it on 2 different machines, an older iMac and a new MacBook Pro. Both have the same issue.

Hi Dan,

when I use a typography element, it creates a “section” with a class of “prose”.
Then, when I select a word in the paragraph and apply a color, a “span” is added, surrounding the word I selected. This span contains the correct classes (for example : text-brand-400) and the color is correctly applied.
But, if I choose to make this colored word bold, inside the span tag, it is now surrounded by a strong tag and the color turns back to black.
I suppose that it is due to the “prose” css.
This problem does not occur in a text element.

@annebourdon, @Dean, @jscotta — Thanks for the feedback, we’ve reproduced the issue and this will be fixed in the next beta :tada:

New build is up that should fix this (and more) :saluting_face: