Bug: Multiple styles on the same text doesn't result in nested html tags

I was playing with your rich-text-editor example and I noticed that having multiple styles on the same text doesn’t result in nested html tags, instead, it just keeps the first html tag and only updates its classes. For example, let’s say I make the text “hello” bold, this is the result:

<strong class="editor-text-bold">hello</strong>

Now I make the same text “italic”:

<strong class="editor-text-bold editor-text-italic">hello</strong>

I expected:

<em class="editor-text-italic"><strong class="editor-text-bold">hello</strong></em>

I’m not sure if this is the expected behavior or a bug. But I think in this situation most people expect em and strong tags to be nested.

[acywatson]

This is the part that caught my attention:

Typically this element is displayed in italic type. However, it should not be used to apply italic styling;

I don’t disagree with your general point - just adding something for us (the team) to consider. We definitely want to make sure we are making things easy for users of popular libraries like Tailwinds. As a library that prioritizes accessibility, we just need to think about changes we make around semantics. Looking back over this, though, I think that adding em tags (in addition to the class) is most likely the right thing to do here.

[ahhshm]

Ok, thanks for replying. I’ll close this issue.