Type="strong" is not working on <s-text>

When adding type=”strong” on , the font-weight does not appear different than default (type=”generic”).

e.g. <s-text type="strong">Name</s-text>
Was able to recreate issue on chrome, firefox, on macOS and chrome on iOS.
Even the docs page shows this issue.

This is behaving correctly; it renders a <strong> tag in the shadow root.

The strong tag does not necessarily imply bold styling. In fact, the MDN docs on the strong tag advise this as well:

Typically this element is rendered by default using a bold font weight. However, it should not be used to apply bold styling; use the CSS font-weight property for that purpose.

We have chosen to not render our strong tag with a bold font-weight for now.

Thanks for the reply.

That’s fair enough. It’s just that before the holidays, <strong> tags were rendering as bold.

But no biggie, I will have introduce a <b> tag for those elements now.

Thanks again.

1 Like