Onclick interaction line-through issue

I just published a project that uses componentswith an onclick interaction for changing the text to grey and with a line-through. While building it in the Studio, everything was well - but once published, the line-through doesn’t come through. See attached screenshot. I notice now that even in Preview, the line-through also doesn’t show. But it still does show in Studio. I am not sure if this is an issue or something I should do differently.

There seems to be a css selector that overrides the styling from the component state: “:where(.__wab_expr_html_text *) {text-decoration-line: none;}”

I was able to overcome this by forcing the line through using embedded css and some selectors, but I don’t think I should have to do that.

Sounds like a bug!

Hey @exhaustive_panther, can you send me the link where the bug is happening?


Hey @exhaustive_panther. Forgot to ping you, but you shouldn’t need the custom css anymore for this to work properly.

Great, thanks for the follow up, I will test it out when I get a chance.

On the topic of custom css, I did notice that often times, it is dependent on the published version (or at the least whatever is show in Preview), because the necessary class structure is not yet available in the Studio editor

However, if I specify a classname in the editor and use that to build the css selectors, it works in the Studio editor also

I don’t know if there is a way to maybe streamline this process or at least inform the user of this somehow, as it’s not obvious at first.