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!
Sent
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.