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

Polaris
1

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.

image
image646×496 17 KB

2

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.

4

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.

5

If that’s the decision you’ve made could you update your documents to align as they are misleading.

It currently states under on the <s-text> page under type:

strong: Emphasizes the text with strong importance, typically displayed in bold.

I would expect the strong tag to be bolded based on this description.
Especially as there is no alternate way to bold text provided, which I believe should be made available.