Problema de exibição no elemento "ocultar detalhes"

[Canapin (Coin-coin le Canapin)]

Neste bloco,

[details="Resumo"]
Este texto ficará oculto
[/details]

Existem duas regras CSS que definem display: block em todos os elementos filhos ou irmãos:

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

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

Isso é um problema porque cada elemento que deveria ser inline será exibido como um bloco, ocupando toda a largura. Como um span ou um link. Qual o propósito dessas regras?

Exemplo:

[details="Oculto"]
Imagem aprimorada e comparação com o mesmo halo na Terra:
![66bb711c57dd10e4e4f9713ebeec0ccec9a8d0dc1|220x499](upload://eEOifbxarMIErU6OnozO45BJq0I.jpeg)
![541efc040f313220531d74677a9105e44890c29c1|442x500](upload://c0ausOGkNA0BJMAsmAnOqmpWBv6.jpeg)
Embora a atmosfera de Marte seja composta por 95% de dióxido de carbono (CO<sub>2</sub>), o halo foi produzido por cristais de gelo de água (H<sub>2</sub>O), daí a semelhança com o halo comum de 22° [da Terra](https://en.wikipedia.org/wiki/22%C2%B0_halo?oldformat=true). É exatamente o mesmo, na verdade.
[/details]

↓

Oculto

Imagem aprimorada e comparação com o mesmo halo na Terra:

Embora a atmosfera de Marte seja composta por 95% de dióxido de carbono (CO₂), o halo foi produzido por cristais de gelo de água (H₂O), daí a semelhança com o halo comum de 22° da Terra. É exatamente o mesmo, na verdade.

---

Aqui existem 3 elementos inline: <sub> e um link:

---

---

O problema desaparece se ativarmos o modo seguro e desativarmos todos os plugins, mesmo que não tenhamos plugins personalizados instalados:

---

---

Um exemplo de vídeo do try.discourse.org:

[JammyDodger]

Olá @Canapin

Eu acho (se eu estiver entendendo isso direito) que isso acontece por causa da mistura entre markdown e HTML. Se você deixar um espaço entre a imagem e a figura, ela será exibida como você pretende:

Oculto

Imagem aprimorada e comparação com o mesmo halo na Terra:

Embora a atmosfera de Marte seja composta por 95% de dióxido de carbono (CO₂), o halo foi produzido por cristais de gelo de água (H₂O), daí a semelhança com o halo comum de 22° da Terra. É exatamente o mesmo, na verdade.

@Canapin

O problema desaparece se ativarmos o modo de segurança e desativarmos todos os plugins, mesmo que não tenhamos plugins personalizados instalados:

Acredito que os detalhes são contados como um plugin, então se você desativar os plugins oficiais no modo de segurança, isso os desligará.

[Canapin (Coin-coin le Canapin)]

Aaah, entendi. Como não coloquei uma quebra de linha, o conteúdo de texto a seguir não foi envolvido por uma <p>.

Fácil de corrigir ao escrever, então. Isso me serve se isso não for corrigido no futuro, embora eu suponha que isso possa confundir outras pessoas às vezes (mas eu não vi nenhum outro relato, então…).

Além disso, note que a prévia funciona bem, mas não a postagem final.

---

Também me interessaria o raciocínio por trás das regras de CSS que tornam cada filho/irmão direto um elemento de bloco dentro do contêiner Hide Details.

[JammyDodger]

@Canapin

Eu também estaria interessado no raciocínio por trás das regras CSS que tornam cada bloco filho/irmão direto dentro do bloco Ocultar detalhes.

Receio que isso eu não saiba. Mas vou extraí-lo como uma citação para dar um pequeno empurrão caso tenha sido esquecido anteriormente, e espero que outra pessoa na comunidade saiba mais.