Lightbox genera una estructura HTML inválida (div dentro de p) que causa errores de visualización

Lightbox genera una etiqueta <div> por cada imagen, pero las etiquetas div no pueden estar dentro de etiquetas p (en lenguaje de especificación HTML, el modelo de contenido de <p> es contenido de frase, que no incluye <div>). Esto hace que los navegadores cierren estos div y escapen de las etiquetas p. Cualquier contenido posterior también queda fuera de la etiqueta p, lo que causa problemas en algunos entornos. Por ejemplo,

[details="details" open]
![imagen aleatoria|690x388](upload://2gkjgw9XkBQlTRrNCIxGZ96CLRC.png)
Algún texto *enfatizado* o **negrita** o mención @panic
[/details]
details


Algún texto enfatizado o negrita o mención @panic

debería renderizarse como

Algún texto enfatizado o negrita o mención @panic

en lugar del actual

El comportamiento actual es el resultado de que <details> trata a cada hijo directo como un bloque.

2 Me gusta

¿Puedes ampliar esto, en qué entornos? Nos ayudará a priorizar una solución.

2 Me gusta

Como en la etiqueta

que se muestra arriba.