嵌套标签顺序不一致时的渲染行为不一致

我最近尝试将“隐藏详情”功能设为粗体,结果遇到了这个 bug。一旦我在括号内使用 <b> 使其加粗,随后使用 </b>,标题名称就会发生变化。这是一种奇怪的行为,最好的描述方式是通过下方的复现步骤来说明:

<b>

[details="示例"]

</b>

你好!

[/details]

结果:

<b>

[details="示例"]

</b>

你好!
[/details]

又发现了一个问题。一旦你将内容居中对齐,然后使用 </div> 将其重新对齐到括号内,该命令下方的文本会被放置在 details 功能之外:

<div align=center>


[details="Hello!"]

我居中显示了

</div>

Hello!

[/details]

结果:

Hello!

我居中显示了

Hello!

您嵌套方式有误,除非手动编写 HTML,否则不支持您期望的行为。

以下代码可以正常工作:

<details dir="ltr">
<summary dir="ltr"><b>示例</b></summary>
<p dir="ltr">你好!</p>
</details>
示例

你好!

完全符合我的需求,非常感谢!