Lightbox gera uma estrutura HTML inválida (div dentro de p) causando erros de exibição

Lightbox gera uma tag <div> para cada imagem, mas tags <div> não podem estar dentro de tags <p> (em termos de especificação HTML, o modelo de conteúdo para <p> é conteúdo de fraseamento, que não inclui <div>). Isso faz com que os navegadores fechem essas divs e escapem das tags <p>. Qualquer conteúdo subsequente também fica fora da tag <p>, causando problemas em alguns ambientes. Por exemplo,

[details="details" open]
![imagem aleatória|690x388](upload://2gkjgw9XkBQlTRrNCIxGZ96CLRC.png)
Algum texto *enfatizado* ou **negrito** ou menção @panic
[/details]
details


Algum texto enfatizado ou negrito ou menção @panic

deve renderizar como

Algum texto enfatizado ou negrito ou menção @panic

em vez do atual

O comportamento atual é resultado do <details> tratar cada filho direto como um bloco.

2 curtidas

Você pode detalhar isso, em quais ambientes? Isso nos ajudará a priorizar uma correção.

2 curtidas

Como na tag

mostrada acima.