Text property changing text style

I have a similar issue.

I for example have a button component with primary, secondary, outline and ghost variants. The text of the button is bound to a text-property for easy editing. 

Now comes the bug: When I add an undeline on the ghost button text, all of a sudden all the other button text also has a underline. If I change text color on a hover state, all of a sudden all text changes color. I ran into this issue several times and only detaching the text-property solved it, which ment all the buttons in my design reset to the default button-text. 

Edit: I know realize that the button-text resetting to the default-text is also a bug. :(

Same. So annoying. Will need to detach my styles now until this is fixed.

Same problem on my side. So annoying, text properties are no longer usable as they stand.

Same here, hope this will be fixed soon!

Same here, @FigmaTeam do you know when this bug will be fixed?
 

Hey All, thanks for flagging this and apologies for the delayed reply! 

I passed this topic onto the team, and they confirmed that this is actually a bug related to multi-edit mode. This usually occurs when changing a property while the multi-edit-selected states have a mixed set of typography styles, causing it to incorrectly apply one of the typography styles to all the selected states.

As a temporary solution, make any of your text substring edits outside of multi-edit mode. Rest-assured, this is on the team’s radar for improvement in the future. 

I noticed this same exact issue with one of my components that has a Large and Small text size variant. I use the same Text Property regardless of the variant so that switching between Large and Small does not lose the copy I entered into the component. And that text field has Text Style applied (Base Medium for small text, Large Medium for large text) in the component. But if I link the text styles and then try linking the Text Property in a single variant, the text field gets overridden across ALL variants in my master component.

Just found that disconnecting the fill color all the way down to the hex code (for the desired variant you wish to change) and reconnecting it works. It’s not perfect but it works long enough for me to make the change I need and leave it. 

This bug really needs to get fixed asap. 

I think this error is tied to the Text Styles, and not to the multi-edit variant, or at least in my case it was. Or if the multi-edit variant has lingering effects after you use it, maybe that is also involved.

I have individual variables for each of the button sizes, for each of the typography fields (font family, font size, etc.). I realized I should just be using the same size as my Text Styles since they aligned so I went into my buttons and tied the button text to the relevant size body Text Style (small buttons got the small body Text Style, etc.). When I went to bold one of them it changed all of the variants to the same font settings as the variant I was on. If I was on a small button when I hit bold, everything turned small. If I was on a large button, everything turned large.

I went to disconnect the Text property of the component, bolded all of the fonts, and everything looked good. When I went to connect the Text property to the buttons again, the bolding went away and I was back to square one. Bolding one button’s text changed all variants again.

I went back to my individual typography variables, and had no issues, so I think it may be heavily tied to the Text Style, or at least in my case/testing.