順序が不正なタグのネストにおける一貫性のないレンダリング動作

サポート
1

最近、hide details 機能を太字にする際にこのバグに遭遇しました。<b> を使って太字にし、その後 </b> を括弧内に配置すると、タイトル名が変更されてしまいます。これは奇妙な動作で、以下のように再現して説明するのが最善です：

<b>

[details="Example"]

</b>

Hello!

[/details]

結果：

<b>

[details="Example"]

</b>

Hello!
[/details]

2

別の問題を見つけました。中央に配置した後、\u003c/div\u003e を使って括弧内で配置を戻すと、そのコマンド以下のテキストが details 機能の外に配置されてしまいます：

\u003cdiv align=center\u003e


[details="Hello!"]

I am in the center

\u003c/div\u003e

Hello!

[/details]

\u003e

結果：

\u003cdiv align=center\u003e

Hello!

I am in the center

\u003c/div\u003e

Hello!

3

要素のネストが誤っています。HTML で手動で行わない限り、ご希望の動作をサポートする方法はありません。

以下は正常に動作します：

<details dir="ltr">
<summary dir="ltr"><b>例</b></summary>
<p dir="ltr">こんにちは！</p>
</details>
例

こんにちは！

4

まさに探していたものです。大変感謝しています！