Anzeigeproblem im Element "Details ausblenden"

[Canapin (Coin-coin le Canapin)]

In diesem Block,

[details="Summary"]
Dieser Text wird versteckt
[/details]

Gibt es zwei CSS-Regeln, die display: block auf alle untergeordneten oder Geschwisterelemente anwenden:

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

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

Dies ist ein Problem, da jedes Element, das inline sein soll, stattdessen als Block angezeigt wird und die gesamte Breite einnimmt. Wie ein Span oder ein Link. Was ist der Zweck dieser Regeln?

Beispiel:

[details="Hidden"]
Verbessertes Bild und Vergleich mit dem gleichen Halo auf der Erde:
![66bb711c57dd10e4e4f9713ebeec0ccec9a8d0dc1|220x499](upload://eEOifbxarMIErU6OnozO45BJq0I.jpeg)
![541efc040f313220531d74677a9105e44890c29c1|442x500](upload://c0ausOGkNA0BJMAsmAnOqmpWBv6.jpeg)
Obwohl die Atmosphäre des Mars zu 95 % aus Kohlendioxid (CO₂<sub>2</sub>) besteht, wurde der Halo durch Wassereis (H₂<sub>2</sub>O) erzeugt, daher die Ähnlichkeit mit dem üblichen 22°-Halo auf der Erde ([halo](https://en.wikipedia.org/wiki/22%C2%B0_halo?oldformat=true)). Es ist tatsächlich genau dasselbe.
[/details]

↓

Hidden

Verbessertes Bild und Vergleich mit dem gleichen Halo auf der Erde:

Obwohl die Atmosphäre des Mars zu 95 % aus Kohlendioxid (CO₂₂) besteht, wurde der Halo durch Wassereis (H₂₂O) erzeugt, daher die Ähnlichkeit mit dem üblichen 22°-Halo auf der Erde (halo). Es ist tatsächlich genau dasselbe.

---

Hier gibt es 3 Inline-Elemente: <sub> und ein Link:

---

---

Das Problem verschwindet, wenn wir den sicheren Modus aktivieren und alle Plugins deaktivieren, auch wenn wir keine benutzerdefinierten Plugins installiert haben:

---

---

Ein Videobeispiel von try.discourse.org:

[JammyDodger]

Hallo @Canapin

Ich glaube (wenn ich das richtig verstehe), dass dies an der Mischung aus Markdown und HTML liegt. Wenn Sie einen Zeilenumbruch zwischen dem Bild und dem Bild lassen, sollte es wie gewünscht angezeigt werden:

Versteckt

Verbessertes Bild und Vergleich mit demselben Halo auf der Erde:

Obwohl die Atmosphäre des Mars zu 95 % aus Kohlendioxid (CO₂), bestand der Halo aus Wassereis (H₂O), daher die Ähnlichkeit mit dem üblichen 22°-Halo auf der Erde. Es ist tatsächlich genau dasselbe.

@Canapin

Das Problem verschwindet, wenn wir den Sicherheitsmodus aktivieren und alle Plugins deaktivieren, auch wenn wir keine benutzerdefinierten Plugins installiert haben:

Ich glaube, die Details werden als Plugin gezählt. Wenn Sie also offizielle Plugins im Sicherheitsmodus deaktivieren, werden diese ausgeschaltet.

[Canapin (Coin-coin le Canapin)]

Aaah, ich verstehe. Weil ich keinen Zeilenumbruch eingefügt habe, wurde der folgende Textinhalt nicht von einem <p> umschlossen.

Einfach zu beheben beim Schreiben dann. Das reicht mir, wenn das in Zukunft nicht behoben wird, obwohl ich vermute, dass das manchmal andere Leute verwirren könnte (aber ich habe keinen anderen Bericht gesehen, also…).

Außerdem funktioniert die Vorschau gut, aber nicht der endgültige Beitrag.

---

Ich wäre auch an der Begründung für die CSS-Regeln interessiert, die jedes direkte Kind/Geschwister zu einem Blockelement innerhalb des „Hide Details“-Containers machen.

[JammyDodger]

@Canapin

Ich wäre auch an den Gründen für die CSS-Regeln interessiert, die jeden direkten Kind-/Geschwisterblock innerhalb des „Details ausblenden“-Blocks bewirken.

Ich fürchte, das weiß ich nicht. Aber ich werde es als Zitat herausziehen, um ihm einen kleinen Schub zu geben, falls es zuvor übersehen wurde, und hoffentlich weiß jemand anderes in der Community mehr.