Lightboxがpタグ内にdivを生成し、無効なHTML構造で表示エラーを引き起こす

Lightbox は画像ごとに <div> タグを生成しますが、HTML 仕様では p タグの中に div タグを入れることはできません(HTML 仕様では、<p> のコンテンツモデルは「フレーミングコンテンツ」であり、これには <div> が含まれません)。これにより、ブラウザはこれらの div を閉じ、p タグをエスケープします。それに続くコンテンツも p タグの外に出てしまい、環境によっては問題が発生します。たとえば、

[details="details" open]
![random image|690x388](upload://2gkjgw9XkBQlTRrNCIxGZ96CLRC.png)
Some text *emphasized* or **bold** or @panic mention
[/details]
details


Some text emphasized or bold or @panic mention

は、現在の

ではなく、次のようにレンダリングされるべきです。

Some text emphasized or bold or @panic mention

現在の動作は、<details>直接の子要素をすべてブロックとして扱っている ことによるものです。

「いいね!」 2

これを詳しく教えていただけますか。どの環境でしょうか?修正の優先順位付けに役立ちます。

「いいね!」 2

上記に示した <details> タグのように。