After a recent update I’m unable to edit a text layer’s style in a multi-variant component without effecting the other variants also. In the example, I have a component with 4 variants where I’m trying to change the text color for one of them, but when I do all 4 variants show the same change. This seems to be tied to the label text property that links the content for them all, but of course this should not also link the fill. Help!
Question
Component styles being attached incorrectly
Hi, ​
I had a few additional questions:
- Does the text layer in the component have an underline, bold, or strikethrough applied anywhere? I’ve seen other cases where the fill collapsing across all variants tends to kick in once a text-decoration override is in the mix alongside the text property. Can’t hurt to check
- Are you on the desktop app or browser, and which version? (Help → in the desktop app, or the menu in browser.)
- Is the text's fill a raw hex, or is it tied to a color style or variable?
One thing worth checking on your end — the text property links the content across variants by design, but it shouldn't carry the fill. Could there be a shared color style or variable on that text layer? That might explain part of what you're seeing independently of the property.
If you can grab a quick screenshot of the Fill row and the text properties panel for the variant you're editing, that would be amazing 🤩 Thanks! – Jaycee
​
The text does not have any special styling or underlines. The component and design system have variables and styles but this issue is new as of 2 weeks ago, were we’ve been using this DS for over 6 months. It appears to only show when the text has a variable or style, like text-primary, attached. de-linking it to a lone hex “fixes” it.
Im on MacOS Desktop App version 126.6.9Â
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.