Skip to main content

I’m working on a ‘to-do list’ feature, and we use the strikethrough styling on the ‘done’ state variants of our ‘to-do item’ component. The problem is, that figma treats it as a persistent override. I want the strikethrough to appear/disappear when the task is marked done/undone. But it persists when the states are being toggled. 

 

To-do type apps are super common, does anyone have a workaround? I dont see anyone talking about this problem in the forum, so I don’t know if the Figma team is aware of this.

 

For our prototype, we ended up  manually creating a strike line with an absolute-positioned line object. Obviously this hack isnt responsive and cannot be used for our ‘real’ library component. It also doesnt account for multiple lines of text.

I just ran into this too, for the exact same scenario (a to-do list) 😥 Did you ever figure it out?

​@Lauren Livingston 

Not really. We ended up making a ‘fake’ version just for prototyping, where the strikethrough was a literal line object. This meant we had to limit our text to one line or the illusion would break.
And for the “real” component, we did our best to document it clearly, and applied the overrides manually when building screens. Really sucks.

​@Julia57 thank you for the workaround though!!

Reply


Terms & ConditionsCookie settings