Lightbox genera una struttura HTML non valida (div dentro p) causando errori di visualizzazione

Lightbox genera un tag <div> per ogni immagine, ma i tag div non possono essere all’interno di tag p (nel linguaggio delle specifiche HTML, il modello di contenuto per <p> è contenuto di formattazione, che non include <div>). Questo fa sì che i browser chiudano questi div ed escano dai tag p. Qualsiasi contenuto successivo è anch’esso fuori dal tag p, causando problemi in alcuni ambienti. Ad esempio,

[details="details" open]
![immagine casuale|690x388](upload://2gkjgw9XkBQlTRrNCIxGZ96CLRC.png)
Testo *enfatizzato* o **grassetto** o @menzione panic
[/details]
details


Testo enfatizzato o grassetto o @menzione panic

dovrebbe essere visualizzato come

Testo enfatizzato o grassetto o @menzione panic

invece dell’attuale

Il comportamento attuale è il risultato del fatto che <details> tratta ogni figlio diretto come un blocco.

2 Mi Piace

Puoi approfondire questo aspetto, quali ambienti? Ci aiuterà a dare priorità a una correzione.

2 Mi Piace

Come nel tag

mostrato sopra.