Problema di visualizzazione nell'elemento "nascondi dettagli"

[Canapin (Coin-coin le Canapin)]

In questo blocco,

[details="Summary"]
This text will be hidden
[/details]

Ci sono due regole CSS che impostano display: block su ogni elemento figlio o fratello:

details[open] > *, details[open] .lightbox-wrapper {
    display: block;
}

details[open]>summary:first-of-type ~ *,
details.open>summary:first-of-type ~ * {
    display: block;
}

Questo è un problema perché ogni elemento che dovrebbe essere inline verrà visualizzato come blocco invece, occupando tutta la larghezza. Come uno span o un link. Qual è lo scopo di queste regole?

Esempio:

[details="Hidden"]
Immagine migliorata e confronto con lo stesso alone sulla Terra:
![66bb711c57dd10e4e4f9713ebeec0ccec9a8d0dc1|220x499](upload://eEOifbxarMIErU6OnozO45BJq0I.jpeg)
![541efc040f313220531d74677a9105e44890c29c1|442x500](upload://c0ausOGkNA0BJMAsmAnOqmpWBv6.jpeg)
Sebbene l'atmosfera di Marte sia composta per il 95% di anidride carbonica (CO<sub>2</sub>), l'alone è stato prodotto da cristalli di ghiaccio d'acqua (H<sub>2</sub>O), da cui la somiglianza con il comune alone terrestre di 22° [halo](https://en.wikipedia.org/wiki/22%C2%B0_halo?oldformat=true). È esattamente lo stesso, infatti.
[/details]

↓

Hidden

Immagine migliorata e confronto con lo stesso alone sulla Terra:

Sebbene l’atmosfera di Marte sia composta per il 95% di anidride carbonica (CO₂), l’alone è stato prodotto da cristalli di ghiaccio d’acqua (H₂O), da cui la somiglianza con il comune alone terrestre di 22° halo. È esattamente lo stesso, infatti.

---

Qui ci sono 3 elementi inline: <sub> e un link:

---

---

Il problema scompare se abilitiamo la modalità sicura e disabilitiamo tutti i plugin, anche se non abbiamo plugin personalizzati installati:

---

---

Un esempio video da try.discourse.org:

[JammyDodger]

Ciao @Canapin

Penso (se ho capito bene) che questo sia dovuto al mix tra markdown e HTML. Se lasci uno spazio tra l’immagine e la foto, dovrebbe essere visualizzata come intendi:

Nascosto

Immagine migliorata e confronto con lo stesso alone sulla Terra:

Sebbene l’atmosfera di Marte sia composta per il 95% da anidride carbonica (CO₂), l’alone era prodotto da cristalli di ghiaccio d’acqua (H₂O), da cui la somiglianza con il comune alone terrestre di 22° alone. È esattamente lo stesso, infatti.

@Canapin

Il problema scompare se abilitiamo la modalità sicura e disabilitiamo tutti i plugin, anche se non abbiamo plugin personalizzati installati:

Credo che i dettagli siano contati come un plugin, quindi se disabiliti i plugin ufficiali in modalità sicura, questi verranno disattivati.

[Canapin (Coin-coin le Canapin)]

Aaah, capisco. Poiché non ho inserito un’interruzione di riga, il seguente contenuto testuale non è stato racchiuso da un <p>.

Facile da correggere quando si scrive. Per me andrà bene se questo non verrà corretto in futuro, anche se suppongo che possa confondere altre persone a volte (ma non ho visto altri report, quindi…).

Inoltre, si noti che l’anteprima funziona bene ma non il post finale.

---

Sarei anche interessato al ragionamento dietro le regole CSS che rendono ogni figlio/fratello diretto un elemento blocco all’interno del contenitore Hide Details.

[JammyDodger]

@Canapin

Sarei interessato anche al ragionamento dietro le regole CSS che rendono ogni blocco figlio/fratello diretto all’interno del blocco Nascondi dettagli.

Temo di non saperlo. Ma lo estrarò come citazione per dargli una piccola spinta nel caso fosse stato trascurato in precedenza, e spero che qualcun altro nella community ne sappia di più.