Problème d'affichage dans l'élément "masquer les détails"

[Canapin (Coin-coin le Canapin)]

Dans ce bloc,

[details="Résumé"]
Ce texte sera caché
[/details]

Il y a deux règles CSS qui appliquent display: block à tous les éléments enfants ou frères :

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

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

C’est un problème car chaque élément qui est censé être en ligne sera affiché comme un bloc à la place, prenant toute la largeur. Comme un span ou un lien. Quel est le but de ces règles ?

Exemple :

[details="Caché"]
Image améliorée et comparaison avec le même halo sur Terre :
![66bb711c57dd10e4e4f9713ebeec0ccec9a8d0dc1|220x499](upload://eEOifbxarMIErU6OnozO45BJq0I.jpeg)
![541efc040f313220531d74677a9105e44890c29c1|442x500](upload://c0ausOGkNA0BJMAsmAnOqmpWBv6.jpeg)
Bien que l'atmosphère de Mars soit composée à 95 % de dioxyde de carbone (CO₂), le halo a été produit par des cristaux de glace d'eau (H₂O), d'où la similitude avec le halo commun de 22° sur Terre. C'est exactement la même chose, en fait.
[/details]

↓

Caché

Image améliorée et comparaison avec le même halo sur Terre :

Bien que l’atmosphère de Mars soit composée à 95 % de dioxyde de carbone (CO₂), le halo a été produit par des cristaux de glace d’eau (H₂O), d’où la similitude avec le halo commun de 22° sur Terre. C’est exactement la même chose, en fait.

---

Ici, il y a 3 éléments en ligne : <sub> et un lien :

---

---

Le problème disparaît si nous activons le mode sécurisé et désactivons tous les plugins, même si nous n’avons pas de plugins personnalisés installés :

---

---

Un exemple vidéo de try.discourse.org :

[JammyDodger]

Salut @Canapin

Je pense (si je suis bien ce fil) que c’est dû au mélange entre le markdown et le HTML. Si vous laissez un espace entre l’image et la photo, cela devrait s’afficher comme vous le souhaitez :

Caché

Image améliorée et comparaison avec le même halo sur Terre :

Bien que l’atmosphère de Mars soit composée à 95 % de dioxyde de carbone (CO₂), le halo était produit par des cristaux de glace d’eau (H₂O), d’où la similitude avec le halo terrestre courant de 22° halo. C’est exactement la même chose, en fait.

@Canapin

Le problème disparaît si nous activons le mode sans échec et désactivons tous les plugins, même si nous n’avons aucun plugin personnalisé installé :

Je pense que les détails sont comptés comme un plugin, donc si vous désactivez les plugins officiels en mode sans échec, cela les désactivera.

[Canapin (Coin-coin le Canapin)]

Aaah, je vois. Parce que je n’ai pas mis de saut de ligne, le contenu textuel suivant n’a pas été encapsulé par un <p>.

Facile à corriger lors de la rédaction alors. Cela me suffira si ce n’est pas corrigé à l’avenir, bien que je suppose que cela pourrait parfois confondre d’autres personnes (mais je n’ai vu aucun autre rapport, donc…).

De plus, notez que l’aperçu fonctionne bien mais pas la publication finale.

---

Je serais également intéressé par la logique derrière les règles CSS qui font de chaque enfant/frère direct un élément de bloc à l’intérieur du conteneur Masquer les détails.

[JammyDodger]

@Canapin

Je serais également intéressé par le raisonnement derrière les règles CSS qui font que chaque enfant/frère direct de bloc à l’intérieur du bloc Masquer les détails.

Je crains que cela, je ne le sache pas. Mais je vais le sortir sous forme de citation pour lui donner un petit coup de pouce au cas où il aurait été négligé auparavant, et j’espère que quelqu’un d’autre dans la communauté en saura plus.