Comportement de rendu incohérent lors de l'imbrication de balises dans le désordre

J’ai récemment essayé de rendre la fonctionnalité « Masquer les détails » en gras et j’ai rencontré ce bug. Dès que j’utilise <b> pour mettre en gras, suivi de </b> à l’intérieur des crochets, le nom du titre change. C’est un comportement étrange, et la meilleure façon de le décrire est de le reproduire ci-dessous :

<b>

[details="Exemple"]

</b>

Bonjour !

[/details]

Résultat :

<b>

Exemple

</b>

Bonjour !

Je viens de découvrir un autre problème. Une fois que vous l’alignez au centre, puis que vous utilisez pour le réaligner à l’intérieur des crochets, le texte situé sous cette commande se retrouve placé à l’extérieur de la fonctionnalité details :

<div align=center>


[details="Bonjour !"]

Je suis au centre

</div>

Bonjour !

[/details]

Résultat :

Bonjour !

Je suis au centre

Bonjour !

Vous imbriquez incorrectement les éléments ; il n’existe pas de prise en charge pour le comportement souhaité, sauf à le faire manuellement en HTML.

Ceci fonctionne correctement :

<details dir="ltr">
<summary dir="ltr"><b>Exemple</b></summary>
<p dir="ltr">Bonjour !</p>
</details>
Exemple

Bonjour !

Exactement ce que je cherchais. Merci beaucoup !